🔗 Live Site: https://workscout-b05a2.web.app/
💻 Client Side Code: https://github.com/aspinchakma/WorkScout-Client
🖥️ Server Side Code: https://github.com/aspinchakma/WorkScout-Server
Worksout is a complete MERN stack freelancing platform built to simulate real-world freelance systems. Users can sign in via Firebase, create and manage tasks, form companies, post jobs, and bid on others' job posts.
Each company maintains its own job listings, where users can view all bids related to a specific job. Jobs are automatically sorted by deadline, ensuring those with the nearest deadlines are shown first. Each post includes its creation date and deadline, providing clarity and easy management for all users.
The main goal of this project was to design a realistic full-stack web application and understand the thought process, structure, and problem-solving required to build such a system.
- 🔐 Firebase Authentication — Secure login and registration
- 🧾 Task Management — Add, edit, and delete personal tasks
- 🏢 Company Creation — Create and manage companies with job postings
- 💼 Job Bidding System — Freelancers can bid and specify delivery time
- 📅 Deadline-Based Sorting — Jobs displayed by closest deadlines
- 🕒 Job Metadata — Shows both creation time and deadline
- 👥 Bid Overview — View all users who placed bids on a job
- 🎨 Modern UI — Built using Tailwind CSS and DaisyUI
- 💬 Interactive UX — Enhanced with SweetAlert2 and React Tooltip
- React 19 — Component-based architecture
- React Router DOM 7 — Seamless navigation
- Firebase 12 — Authentication and hosting
- Tailwind CSS 4, DaisyUI 5 — UI styling and theme system
- date-fns 4 — Date formatting and sorting
- SweetAlert2, React Tooltip, React Icons — UI enhancement tools
- Vite 7 — Lightning-fast development environment
- Node.js, Express 5 — API and routing
- MongoDB 6 — Database for users, companies, jobs, and bids
- dotenv, cors — Environment configuration and CORS handling
While developing Worksout, I learned:
- How to sort and filter data in MongoDB using various query methods.
- How to design and structure a complete full-stack project from scratch.
- The importance of planning and architecture before coding.
- How frontend and backend communicate effectively using APIs.
- How to build a professional, functional, and visually clean MERN stack application.
✨ This project helped me understand real-world development workflows and improved my full-stack problem-solving mindset.