🌟 Finderr (Frontend) — Freelance Marketplace

Welcome to the Frontend of Finderr — a Fiverr-inspired freelance marketplace web application. This project was built using React.js + Vite as part of a full-stack web development course.

✨ Features

• User Authentication

  • Sign up as a buyer or seller
  • Log in with existing credentials
  • Log out and maintain session state

• Browse and Search Gigs

  • View all available gigs
  • Filter gigs by category or tags
  • Search gigs by keyword
  • Sort gigs by rating or price

• Gig Details and Orders

  • View detailed gig information
  • Contact the seller
  • Place an order for a gig
  • View order status and history

• User Profile Management

  • Edit personal information and profile picture
  • View and manage owned gigs (for sellers)
  • View and manage orders (for buyers and sellers)

• Reviews and Ratings

  • Leave reviews for completed orders
  • View ratings and feedback from other users

• Responsive Design

  • Optimized for desktop and mobile devices

• Development Modes

  • Local Storage Mock Mode (development without backend)
  • Backend API Integration (for full functionality)

• Technologies

  • Custom Styling with Sass
  • State Management using Redux Toolkit

---

🚰 Technologies Used

• React
• Vite
• Redux
• Sass

---

📁 Project Structure

Finderr-Frontend/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── services/
│   ├── store/
│   └── App.jsx
├── package.json
└── vite.config.js

---

🚀 Getting Started

Prerequisites

• Node.js (v18+ recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/OrAntebi/Finderr-Frontend.git
   cd Finderr-Frontend

2. Install dependencies:

   npm install

---

💻 Running the Application

1️⃣ Development Mode with Local Storage (No Backend)

For development without a backend server, using local storage:

npm run dev:local

This will start the application on:

http://localhost:5173

2️⃣ Development Mode with Backend Server

If you have the backend server running, use:

npm run dev

By default, the frontend expects the backend API to be available at:

http://localhost:3030/api

---

📸 Preview

📱 Mobile

   

---

👥 Team

• Or Antebi
• Shay Isso
• Farhan Ganayim