Code. Commit. Track. Consistent.
A production‑deployed MERN‑based developer productivity platform designed to help developers manage goals, projects, tasks, and activity history in one place.
Unlike a traditional to‑do application, DevTrack focuses on the complete developer workflow with secure authentication, automatic activity tracking, streak management, and production‑ready backend architecture.
Developers often split their workflow across multiple applications:
- Task managers
- Project boards
- Goal trackers
- Progress notes
This fragmentation makes it difficult to maintain consistency and visualize overall progress.
DevTrack-Pro combines these workflows into a single platform while automatically recording meaningful activities, helping developers stay accountable and maintain momentum through streak tracking.
Frontend: https://devtrackpro.vercel.app
«📹 Coming Soon»
| Auth | Dashboard 1 | Dashboard 2 |
|---|---|---|
 |
 |
 |
| Goals | Projects |
|---|---|
 |
 |
| Tasks | Activity |
|---|---|
 |
 |
- User Registration
- Secure Login
- JWT Authentication
- Refresh Token Sessions
- HTTP-only Cookie Authentication
- Protected Routes
- Authorization Middleware
- Secure Logout
- Goal Management
- Project Management
- Task Management
- Project Status Tracking
- Automatic Activity Logging
- Developer Streak Tracking
- Profile Management
- Project Statistics
- Goal Overview
- Task Summary
- Recent Activity Feed
- Real-time Updates
- Search Functionality
- Pagination
- Optimized Data Fetching
- MongoDB Atlas Integration
- Render Backend Deployment
- Vercel Frontend Deployment
- Environment-based Configuration
| Layer | Technology |
|---|---|
| Frontend | React + Vite |
| Styling | Tailwind CSS |
| Backend | Node.js + Express |
| Database | MongoDB Atlas |
| Authentication | JWT |
| Validation | Zod |
| Deployment | Vercel + Render |
| API Communication | Axios |
flowchart LR
U[User] --> R[React Frontend]
R -->|Axios + Credentials| E[Express Backend]
E --> M1[Auth Middleware]
M1 --> M2[Zod Validation]
M2 --> C[Controllers]
C --> DB[(MongoDB Atlas)]
C --> A[Activity Logger]
A --> DB
DB --> C
C -->|JSON Response| R
R --> U
React UI
│
▼
Axios
│
▼
Express Routes
│
▼
Authentication Middleware
│
▼
Validation Middleware (Zod)
│
▼
Controllers
│
▼
MongoDB Atlas
│
▼
JSON Response
│
▼
React State Update
DevTrack-Pro/
├── backend/
│ ├── controllers/
│ ├── middleware/
│ ├── models/
│ ├── routes/
│ ├── validators/
│ ├── utils/
│ ├── .env.example
│ └── package.json
│
├── frontend/
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── hooks/
│ │ ├── services/
│ │ ├── context/
│ │ └── App.jsx
│ ├── public/
│ ├── vercel.json
│ ├── .env.example
│ └── package.json
│
├── README.md
└── LICENSE
Stores user authentication and profile information.
Tracks personal learning and development goals.
Stores developer projects and their current progress.
Represents actionable work items linked to projects.
Automatically records important user actions to generate activity history and streaks.
Stores Refresh Tokens for JWT sessions refreshing.
Security was treated as a core engineering concern rather than an afterthought.
- JWT Authentication
- HTTP-only Cookies
- Refresh Token Sessions
- Helmet Security Headers
- Rate Limiting
- Zod Validation
- Protected Routes
- Authorization Checks
Several backend optimizations were implemented to improve efficiency.
"lean()" was introduced where full Mongoose documents weren't required, reducing unnecessary overhead during read operations.
Large datasets are paginated instead of loading everything at once.
Optimized API Structure
Business logic remains separated from routing through controllers and middleware.
git clone https://github.com/YOUR_USERNAME/DevTrack-Pro.git
cd DevTrack-Pro
cd backend
npm install
npm run dev
Runs on:
cd ../frontend
npm install
npm run dev
Runs on:
Backend:
MONGO_URI=
JWT_SECRET=
JWT_REFRESH_SECRET=
CLIENT_URL=
NODE_ENV=Frontend:
VITE_API_URL=Hosted on Vercel
- Automatic deployments from GitHub
- SPA routing support via "vercel.json"
Hosted on Render
- Express API
- Environment variable management
- Production deployment
Hosted on MongoDB Atlas
- Cloud database
- Production migration from local MongoDB
«Note: The backend is hosted on Render's free tier, so the first request after inactivity may take a few seconds.»
Building DevTrack-Pro involved solving real production issues beyond feature development.
Some of the biggest challenges included:
- MongoDB Atlas migration
- Standard vs SRV connection strings
- Database migration
- CORS configuration
- HTTP-only cookie handling
- Linux case-sensitivity on Vercel
- React Router deployment routing
- Production debugging across multiple platforms
These challenges significantly improved understanding of backend systems beyond local development.
Planned improvements include:
- Better loading states
- Improved mobile experience
- Empty-state illustrations
- Notification system
- Enhanced analytics
- GitHub integration
- Advanced productivity insights
DevTrack-Pro taught me much more than building CRUD features.
The project helped me gain hands-on experience with:
- Production authentication
- Secure backend architecture
- REST API design
- Middleware-driven architecture
- Cloud database migration
- Full-stack deployment
- Real-world debugging
The biggest lesson was that building software doesn't end when features are complete—the hardest part often begins during deployment and production debugging.
Contributions, suggestions, and feedback are always welcome.
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a Pull Request.
This project is licensed under the MIT License.
If you'd like to discuss backend engineering, full-stack development, or developer productivity tools, feel free to connect.
- LinkedIn: Krish Gupta
- GitHub: guptakrish490
«Built with ❤️ while learning production-grade backend engineering.»