Focus Track is a powerful and intuitive Task Manager Application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It features a sleek, modern UI powered by Lucide React icons, designed to help users efficiently manage their tasks, priorities, and deadlines.
Check out the live version of the FocusTrack Task Manager here:
π FocusTrack Live Demo
Deployed on Render | Best viewed on desktop for full functionality | deploy using college mail
- β Add, update, delete, and manage tasks
- π·οΈ Set task priority levels: Low, Medium, High
- π Assign due dates with calendar view
- π View task status: Pending, In Progress, Completed
- π Filter and search tasks
- π Beautiful, responsive UI with Lucide React Icons
- π Secure authentication with JWT
- π RESTful API backend (Express + MongoDB)
- React.js
- Lucide React (for icons)
- Tailwind CSS (or any styling library you use)
- Axios (for HTTP requests)
- Node.js
- Express.js
- MongoDB + Mongoose
- JWT (JSON Web Token)
In mobile view
git clone https://github.com/your-username/focus-track.git
cd focus-track
π 2. Setup Backend
bash
Copy
Edit
cd backend
npm install
Create a .env file inside backend/ with the following:
PORT=4000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
Then start the server:
bash
Copy
Edit
npm start
π» 3. Setup Frontend
bash
Copy
Edit
cd ../frontend
npm install
npm run dev
β¨ Libraries Used
Lucide React
React Router
Axios
Mongoose
JWT
π‘οΈ License
This project is licensed under the MIT License.
π¨βπ» Developed By
Kamlesh Kumar Verma
@kamleshverma
If you like this project, leave a β on the GitHub repo!
















