Fiverr Clone - Freelance Marketplace

Overview

Welcome to Fiverr Clone, a dynamic freelance marketplace designed to connect clients with a diverse pool of talented freelancers. This project is built using modern technologies including React.js, Node.js, Express.js, and MongoDB. Whether you're a client looking for services or a freelancer eager to showcase your skills, Fiverr Clone has you covered.

Features

• Advanced Search and Discovery: Seamlessly find freelancers and services using our powerful search engine.

• Dual Role Functionality: Clients can easily transition into freelancers, fostering a dynamic and versatile platform.

• Diverse Freelancer Pool: Explore a wide range of services across various categories, offering a melting pot of talent.

• Gig Creation: Effortlessly create and manage gigs, enabling freelancers to showcase their skills effectively.

• Single Client Review: Maintain authenticity with a one-client review policy, ensuring fair and genuine feedback.

• Secure Payments: Utilize the robust Stripe API for secure and reliable payment processing.

• Timely Project Management: Track project progress in real-time with React.js, ensuring timely delivery.

• Instant Notifications: Keep freelancers informed with instant notifications upon client hiring.

• Media Storage: Seamlessly store images and videos using Cloudinary for efficient content management.

Demo

https://www.linkedin.com/posts/anurag-dalsaniya-48a48b254_fiverrclone-reactjs-nodejs-activity-7128618535349612544-Y9U3?utm_source=share&utm_medium=member_android

Tech Stack

• SCSS
• React.js
• Node.js
• Express.js
• MongoDB
• Stripe API
• Cloudinary

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/fiverr-clone.git
   cd fiverr-clone
   cd client
   npm install
   cd..
   cd api
   npm install
   

Create a .env file in the root directory and add your configuration:

• PORT=3000
• MONGODB_URI=your_mongodb_connection_string
• STRIPE_API_KEY=your_stripe_api_key
• CLOUDINARY_API_KEY=your_cloudinary_api_key
• CLOUDINARY_API_SECRET=your_cloudinary_api_secret

Run the application: npm start

Local Setup (Docker)

Follow these steps to run the project locally:

Setup environment variables

Copy example env files and update values:

cp api/.env.example api/.env
cp client/.env.example client/.env

Update the following:

📌 Backend (/api/.env)

• MONGO=mongodb://mongo:27017/fiverr
• JWT_KEY=your_secret_key
• STRIPE=your_stripe_secret_key

📌 Frontend (/client/.env)

• REACT_APP_API_URL=http://localhost:8000

---

Add required credentials

• Add your Cloudinary credentials (frontend)
• Add your Stripe secret key (backend)
• Add your Stripe client key (frontend)

---

Run the project

docker-compose up --build

---

Open in browser 🌐

• Frontend → http://localhost:3000

---

✅ Notes

• No need to install Node.js or MongoDB locally
• All services run inside Docker
• Make sure Docker is running before starting

---

Make sure to replace placeholder values like yourusername, your_mongodb_connection_string, your_stripe_api_key, your_cloudinary_api_key, and your_cloudinary_api_secret with the actual values for your project. Additionally, you might want to include additional sections like "Deployment," "Testing," or any other relevant information specific to your project.