Freelance MarketPlace is a dynamic full-stack web application designed to connect freelancers and clients in a seamless digital workspace. Users can explore a variety of freelance jobs, post new opportunities, update existing listings, and efficiently manage tasks. Authenticated users have the ability to create, edit, and monitor their job postings, while other users can browse available tasks and accept projects to work on. The platform aims to simplify project collaboration, enhance task visibility, and provide an organized environment for managing freelance work from start to finish.
- React
- Firebase
- Tailwind CSS
- Vite
- GSAP
- OGL
- SweetAlert2
- DaisyUI
-
🔐 User Authentication (Firebase):
Robust and secure authentication system allowing users to register and log in using email/password or Google Sign-In. Only authenticated users can access protected routes, ensuring data privacy. Personalized dashboards display user-specific content for a tailored experience. -
🧾 Full CRUD Functionality:
Complete Create, Read, Update, and Delete functionality for job posts. Users can effortlessly add new job listings, view details in real-time, update existing posts, or remove them entirely. All changes sync instantly with the database for seamless management. -
🧠 Dynamic Job Management:
Browse all available jobs with detailed information, accept tasks from other users, and manage them in a dedicated “My Accepted Tasks” section. Users can track their ongoing work and stay organized with dynamic updates. -
🪄 Responsive UI + Theme Toggle:
A modern, responsive design ensures smooth usability across mobile, tablet, and desktop devices. Users can switch between Light and Dark themes to match their preferences or environment, enhancing overall accessibility and comfort. -
🧭 Protected Routes & Conditional Rendering:
Intelligent route protection ensures non-authenticated users are redirected to the login page. Logged-in users gain access to personalized content, including profile information, logout options, and exclusive job management features. Dynamic rendering adapts the interface based on user status for a clean and secure experience.
The app is fully responsive across:
- Mobile Devices
- Laptops
- Desktops
- @gsap/react
- @tailwindcss/vite
- axios
- firebase
- gsap
- lucide-react
- motion
- ogl
- react
- react-dom
- react-icons
- react-router
- react-router-dom
- sweetalert2
- tailwindcss
-
Clone the repository:
git clone https://github.com/Turzo02/FreeLance-MarketPlace-FrontEnd.git
-
Navigate to the project folder:
cd FreeLance-MarketPlace-FrontEnd -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173(or the port shown in terminal).
- Live Demo: Freelance MarketPlace
- GitHub Repository: Frontend Repo