// The below link provides the working of the system.
https://github.com/user-attachments/assets/fc5f86e6-fb27-4cd6-9d32-97028c785a4f
A modern, responsive web application built with React and TypeScript for tracking student progress, Codeforces achievements, and automated analytics.
- Student Management: CRUD operations for students
- Codeforces Integration: Syncs data from Codeforces API
- Progress Analytics: Charts and heatmaps for contest history and problem solving
- Email Notifications: Automated reminders for inactive students
- Dark/Light Mode: User-friendly UI with theme toggle
- Export Data: Export student data to CSV
- Settings Management: Configure system preferences
- React with TypeScript
- TailwindCSS for styling
- shadcn/ui for UI components
- Axios for API requests
- date-fns for date manipulation
- recharts for data visualization
- Lucide React for icons
Clone the repository git clone git@github.com:SaiSathwikAnchuri/student-codeforces-progress.git
Navigate to frontend folder cd student-codeforces-progress/frontend
Install dependencies npm install
Start the development server npm run dev
text
A robust backend for student progress tracking, Codeforces data sync, and email notifications.
- Student CRUD: Manage student records via REST API
- Codeforces Sync: Fetch and update Codeforces contest data
- Analytics: Generate dashboard statistics and reports
- Email Notifications: Send reminders to inactive students
- Settings Management: Configure system preferences
- Node.js
- Express.js
- MongoDB Atlas (cloud database)
- Nodemailer (email notifications)
- Axios (external API requests)
- Rate Limiting (express-rate-limit)
Navigate to backend folder cd student-codeforces-progress/backend
Install dependencies npm install
Start the server npm start
text
Enjoy managing and tracking your students' progress with ease! 🚀