https://github.com/tariqul420/service-orbit

Service Orbit ServiceOrbit is a service-sharing web application designed to connect service providers with potential customers. The platform facilitates seamless interactions and transactions, empowering users to discover, offer, and engage with services efficiently.
https://github.com/tariqul420/service-orbit

daisyui firebase jwt reactjs reactrouter tailwindcss

Last synced: about 2 months ago
JSON representation

Service Orbit ServiceOrbit is a service-sharing web application designed to connect service providers with potential customers. The platform facilitates seamless interactions and transactions, empowering users to discover, offer, and engage with services efficiently.

• Host: GitHub
• URL: https://github.com/tariqul420/service-orbit
• Owner: tariqul420
• Created: 2025-01-09T08:07:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-25T10:54:52.000Z (about 1 year ago)
• Last Synced: 2025-07-05T23:37:09.586Z (12 months ago)
• Topics: daisyui, firebase, jwt, reactjs, reactrouter, tailwindcss
• Language: JavaScript
• Homepage: https://service-orbit.web.app
• Size: 2.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

     

  

  
Service Orbit



## 📜 Project Overview

**Service Orbit** is a service-sharing web application designed to connect service providers with potential customers. The platform facilitates seamless interactions and transactions, empowering users to discover, offer, and engage with services efficiently.

---

## 🚀 Live Links

- **Client Repo:** [_github/tariqul420/client_](https://github.com/tariqul420/Service-Orbit.git)

- **Server Repo:** [_github/tariqul420/server_](https://github.com/tariqul420/Service-Orbit-Server.git)

- **Live Site:** [_Service-Orbit.com_](https://service-orbit.web.app)

- **Alternate Live Site:** [_Service-Orbit-2.com_](https://service-orbit.firebaseapp.com)

---

## 🔍 React Concepts Used

- **Components**

- **Hooks**: `useState`, `useEffect`, `useContext`

- **React Router**: `useLoaderData`, `useParams`, `useLocation`

- **Conditional Rendering**

---

## 🛠️ Technologies Used

### 👩🏼‍💻 Frontend

- **React**

- **Firebase**

- **Tailwind CSS**

- **DaisyUI**

- **React Router**

- **React Icons**

- **React Hot Toast**

- **Context API**

- **JWT-based Authentication**

### ｡🇯‌🇸‌ Backend

- **Node.js**

- **Express.js**

### 🛢️ Database

- **MongoDB**

---

## ✨ Features

1. **User Profiles**

2. **Search and Filter**

3. **Service Listings**

4. **Interactive Dashboard**

5. **Responsive Design**

6. **Booking System**

7. **Rating and Reviews**

---

## 🧰 NPM Packages Used

- **@tanstack/react-query**

- **aos**

- **axios**

- **firebase**

- **lottie-react**

- **prop-types**

- **react**

- **react-countup**

- **react-dom**

- **react-hook-form**

- **react-hot-toast**

- **react-icons**

- **react-paginate**

- **react-router-dom**

- **react-slick**

- **react-spinners**

- **slick-carousel**

- **swiper**

---

## 🛠 Installation

### Prerequisites

- **Node.js** and **npm** installed

- **MongoDB** connection string

---

### Client Side Setup

1. Clone the client-side repository:

   ```bash

   git clone https://github.com/tariqul420/Service-Orbit.git

   cd Service-Orbit

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Start the development server:

   ```bash

   npm run dev

   ```

4. Open the project in a code editor:

   ```bash

   code .

   ```

5. Add the `.env` file in the root directory and include the following environment variables:

   ```bash

   VITE_API_KEY=YOUR_VITE_API_KEY

   VITE_AUTH_DOMAIN=YOUR_VITE_AUTH_DOMAIN

   VITE_PROJECT_ID=YOUR_VITE_PROJECT_ID

   VITE_STORAGE_BUCKET=YOUR_VITE_STORAGE_BUCKET

   VITE_MESSAGE_SENDER_ID=YOUR_VITE_MESSAGE_SENDER_ID

   VITE_APP_ID=YOUR_VITE_APP_ID

   VITE_MEASUREMENT_ID=YOUR_VITE_MEASUREMENT_ID

   VITE_API_URL=YOUR_VITE_API_URL

   ```

   > **Note:** Replace the `VITE_API_KEY` and `VITE_AUTH_DOMAIN`, along with other placeholders, with actual values.

### Server Side Setup

1. Clone the client-side repository:

   ```bash

   git clone https://github.com/tariqul420/Service-Orbit-Server.git

   cd Service-Orbit-Server

   ```

2. Install dependencies:

   ```bash

   npm install

   ```

3. Start the server:

   ```bash

   node index.js

   ```

   --- OR ---

   ```bash

   nodemon index.js

   ```

4. Open the project in a code editor:

   ```bash

   code .

   ```

5. Add the `.env` file in the root directory and include the following environment variables:

   ```bash

   DATABASE_USERNAME=YOUR_DATABASE_USERNAME

   DATABASE_PASSWORD=YOUR_DATABASE_PASSWORD

   ACCESS_TOKEN_SECRET=YOUR_ACCESS_TOKEN_SECRET

   ```

   > **Note:** Replace the `index.js` file's `your_mongo_connection_string` and the `.env` file's `YOUR_DATABASE_USERNAME`, along with other placeholders, with actual values.

## 🧑‍💻 Authors

- Tariqul Islam (Lead Developer)

- Lead Developer & Maintainer

- Connect with me on [_GitHub_](https://github.com/tariqul420) & [_Facebook_](https://www.facebook.com/tariqul.islam.fb)

## 📸 Screenshots

### 1. Home Page

![Home Page](https://github.com/tariqul420/Service-Orbit/blob/main/src/assets/Screenshot/home_page.png)

### 2. Services Page

![Services Page](https://github.com/tariqul420/Service-Orbit/blob/main/src/assets/Screenshot/services_page.png)

### 3. Contact Us Page

![Contact Us Page](https://github.com/tariqul420/Service-Orbit/blob/main/src/assets/Screenshot/contact-us.png)