Posts

Project Completed – Integrated, Deployed & Committed (Day-25)

Milestone Reached – Project Fully Done! Today marks a huge achievement — I successfully completed the Codeforces Tracker project ! All remaining tasks, including error resolution , full integration , deployment , and version control with Git , were wrapped up.  What Got Done Today: ✅ Resolved API-MongoDB integration errors Fixed response structure and async handling Verified all endpoints in Postman and frontend ✅ Completed full frontend integration Graphs rendering correctly (bar chart, heatmap, rating analysis) Data filters working for all sections ✅ Deployment Hosted backend (Node + MongoDB) Hosted frontend (React + Tailwind) Connected live APIs ✅ Version Control Final commits pushed to GitHub Project structured and code cleaned Proper README update and documentation added Final Learnings: Full-stack projects require end-to-end testing , not just local-level verification Clean, modular code really helps while debuggin...
Post a Comment
Read more

Tasks Done, But Faced API MongoDB Integration Errors(Day-24)

  Completed Tasks, But Hit a Roadblock – Integration Challenges Today was productive in terms of frontend updates and feature wrap-ups , but while integrating some of the backend API data with MongoDB , I encountered a few errors. These issues slowed down the final rendering of charts and detailed student stats. Still, I managed to complete most of the UI setup and API function calls — the issue lies mainly in the backend response structure and DB connection errors.  What I Worked On: ✅ Final touches on UI components ✅ Chart sections structured and placeholders added ✅ Connected API endpoints using Axios ✅ Integrated student detail route and contest history view ✅ Attempted MongoDB data fetch for submission + problem stats  Key Learnings: Double-checking backend route logic is essential during API consumption Clean state handling in React helps detect where data is truly breaking Error logs and HTTP status codes guide debugging in integration...
Post a Comment
Read more

Frontend Almost Complete – Graphs Up Next(Day-23)

  Frontend Nearing Completion – Final Touches Pending Today, I completed almost all the remaining frontend parts of the Codeforces Tracker project. The main layout is done, data is flowing through API integrations, and almost all the UI components are in place. The last remaining part is the graph section , which I’ll be completing tomorrow using libraries like Recharts or Chart.js to show submissions, problem distribution, and rating visuals. ✅ Completed Today: ✅ Final styling of the contest history section ✅ Dynamic rendering of problem-solving stats with filters ✅ Connected backend endpoints with proper error/loading handling ✅ Polished layout responsiveness with Tailwind ✅ Navigation and UI cleanup across all sections  Left for Tomorrow: Graphical representation of: Activity bar charts  Key Takeaways: Ensured that each API call is separated into reusable services Learned how to conditionally render components based on data s...
Post a Comment
Read more

Frontend 60% Complete – Visuals Taking Shape (Day-22)

   Frontend Progress – Around 60% Complete! The frontend of the Codeforces Tracker project is officially more than halfway done! Today I focused on polishing UI elements , integrating additional backend routes, and making the interface more interactive and dynamic.  What’s Done So Far (60% Complete): ✅ Basic student listing table with real backend data ✅ Contest history section with dropdown filters (30/90/365 days) ✅ Problem stats layout: total solved, avg rating, bar chart structure ✅ Routing and page navigation ✅ Tailwind CSS layout and responsive design structure  What’s Left: Final integration of: Submission heatmap Bar chart (using Recharts or Chart.js)  Data refinement and formatting for better readability  Final styling and alignment  Toggle for email reminders with backend connection  Polishing edge cases and handling null/invalid states Learnings Today: Clean component hierarchy makes ...
Post a Comment
Read more

Frontend in Progress – Building the User Experience(Day-21)

  Frontend in Progress – From Data to Design Today was all about continuing the frontend journey for the Codeforces Tracker project. With the backend ready, I focused on connecting API data to UI components , enhancing the layout, and preparing sections for contest history and problem-solving insights . The frontend is slowly taking shape and the experience of converting backend logic into usable UI feels both creative and technical — a fun mix!  What I Worked On Today: Fetched and displayed full student data from backend  Started work on Contest History Section : Created dropdown filters (days) Designed card view layout for contests Integrated contest API (basic data shown)  Basic structure added for Problem Solving Stats : Created layout for showing total problems solved, average rating, etc. What I’m Learning: Importance of breaking down large UI tasks into small components Managing conditional rendering based on loading, er...
Post a Comment
Read more

Frontend Begins – Bringing Data to Life (Day-20)

  Frontend Development Kickoff – Visualizing the Backend After wrapping up the backend, today I officially began working on the frontend for the Codeforces Tracker project. It felt great to shift gears and start turning data into interactive UI components. The main goal was to lay a strong foundation using React and Tailwind CSS , fetch data from the APIs, and set up the reusable layout and components that will drive the dashboard experience.  What I Worked On Today: React Frontend Setup Clean React structure created Installed essential dependencies (axios, react-router-dom, tailwind) Component Structure Created base folder structure for pages, components, utils, etc. Set up routing and basic layout UI Work Header and navigation bar set up Designed and implemented basic table structure for students  What I Learned: React and Tailwind combo makes it fast and clean to build beautiful layouts Working with real backend data is al...
Post a Comment
Read more

Backend Complete – Ready for Integration(Day-19)

  Backend Wrapped – A Solid Milestone Achieved! Today was a fulfilling day — I finally completed the backend for the Codeforces Tracker project! From basic CRUD to smart features like contest history, submission analysis, cron job setup , and reminder logic , the system is now ready to serve dynamic data to the frontend. What I Finalized Today: Finalized All API Endpoints Student list, creation, update, delete Codeforces handle-based submission and contest history fetch Toggle reminder emails Data Flow Tested Verified all major routes with mock data using Postman Checked edge cases and fallback mechanisms Ensured proper status codes, JSON structure, and error handling Cron Job Logic Synced data automatically with a daily schedule Enabled last sync time display for each student Reminder Email Logic Integrated placeholder function for email alerts Built toggle switch to enable/disable for individual users  Key Learnings: ...
Post a Comment
Read more