Fitrack Application

Year

2025

Tech & Technique

React, Django, MongoDB, JWT, Tailwind CSS, Axios

Description

A fitness tracking web application with a React frontend and Django backend, designed for personalized health monitoring and secure data management.

Key Features:

🔐 Authentication: Secure login/signup using JWT-based token system
👤 Profile Management: Users can manage and update their fitness profile
📊 Data Storage: Real-time data handling with MongoDB Atlas integration
🌐 REST API: Django-powered RESTful endpoints for seamless frontend-backend interaction
🔒 Secure Credentials: Passwords are hashed and stored securely
🔗 CORS Setup: Cross-origin requests enabled for React-Django communication

Technical Highlights:

Connected Django with MongoDB Atlas using Djongo/MongoEngine
Implemented JWT authentication with refresh tokens for persistent sessions
Built dynamic frontend components using React and Tailwind CSS
Configured and consumed APIs via Axios with state-managed responses
Modular project architecture with clear separation between frontend and backend

My Role

Full-Stack Developer
Led the full development and integration process:

✅ Backend: Developed Django REST API and connected to MongoDB Atlas
🔐 Auth System: Implemented JWT-based secure login and signup system
📁 Models: Designed MongoDB schemas for storing user and fitness data
🎨 Frontend: Built a clean, responsive UI using React, Tailwind CSS
🔄 Data Handling: Used Axios for API calls and managed client-side state
🛠️ Deployment Ready: Structured codebase for deployment readiness (CI/CD optional)