Recycle Hub

Components

• Landing Page
• Navbar
  • Home
  • How We Work
  • Book Your Slot
  • Account

Features

• How We Work
  • GIF for recycle
• Book Your Slot
  • Book the slot / check the slots based on the location
  • Shows the current location with nearest agents
  • Implement geomap which shows the current location
• Account
  • User (Individual)
    • User Profile Space
  • Agent
    • Agent Profile Space

Account Details

• User
  • profile(IMG)
  • User Name
  • User EmailID
  • User Mob Number
  • User Passkey
  • Orders
• Agent
  • pofile(IMG)
  • Agent Id (number)
  • Agent Name
  • Agent Email ID
  • Agent Mob Mumber
  • Agent Passkey
  • orders -- max frontend completed for user side --

Backend

• Authenication
• user
  • collecting user details and display their details in about
• agent
  • collect agent details and based on location search of user we shoe the agent profiles
• Map feature

user

• user details
  • dynamic rendering
  • dynamic editing
  • ip address tracking upon request booking

Agent

• Agent Array

  • store cities
  • add city filters
  • get array of agents

  ♻️ Recycle Hub

A modern React + Vite project focused on connecting users with recycling agents efficiently based on their location. The app includes booking slots, viewing nearby agents, and profile management for both users and agents.

---

⚛️ React + Vite Project Setup

This project uses React with Vite for blazing fast development and optimized build processes.

🛠️ Tech Stack

• ⚡ Vite (Frontend Tooling)
• ⚛️ React (Modern Components, Hooks)
• 💅 Tailwind CSS (Optional, Easy Integration)
• 🔥 Hot Module Replacement
• 🌍 Geolocation & Mapping
• 🔐 Node.js & Express (Backend)

---

📦 Installation

1. Clone the repository

git clone https://github.com/jagadeesh-debug/Hub
cd Hub
npm install
# or
yarn install

npm run dev
# or
yarn dev