Skip to content

Latest commit

 

History

History
106 lines (74 loc) · 3.45 KB

README.md

File metadata and controls

106 lines (74 loc) · 3.45 KB

GoMoto Parcel Dilivery Website

⚙️ Tech Stack

  • Vite
  • React.js
  • Tailwind CSS
  • Tanstack Query
  • Firebase
  • Express
  • Node
  • Mongodb
  • Vercel

⚙️ Npm Pacakages Used

  • Shadcn Ui
  • Swiper Slider
  • Axios
  • React Hook Form
  • Frammer-Motion
  • react-day-picker
  • react-helmet-async
  • react-leaflet
  • react-hot-toast
  • jsonwebtoken
  • recharts
  • firebase

🔋 Features

👉 Beautiful Pages: Includes Home, About, Services, Contact, Register, Login, Error page.

👉 Authentication: Users can register, login with email/password & google.

👉 User Dashboard: After login user will redirect to user dashboard. User will have My Profile page, Book a Parcel Page, My Parcels Page.

  • My Profile Page: User can update their profile info & upload profile image in this page.
  • Book a Parcel Page: User can book a parcel in this page
  • My Parcels Page: User can see all of his booked parcels in this page. User can update their booking date, cancel the booking & see booking parcels status.
  • After parcel is delivered user can leave a review to delivery men.

👉 Delivery Men Dashboard: After login as a delivery men they will redirect to delivery-men dashboard. Delivery Men will have My Delivery Lists, My Reviews Page.

  • My Delivery Lists page: Delivery men will see all the bookings that has been assigned to him. He can see delivery location. He can cancel booking or deliver them.
  • My Reviews Page: Delivery men can see all of his reviews in this page.

👉 Admin Dashboard: After login admin will redirect to admin dashboard. Admin will have Statistics page, All user page, all delivery men page, all parcels page.

  • Statistics Page: admin can see websites statistics data like sales, total users, total bookings, total parcel delivered. & other.
  • All User Page: admin can see all the users in this page. Admin can make a user delivery men or admin.
  • All Delivery Men page: Admin can see all the delivery men in this page. And see total parcel deliverd & average reviews of all delivery mens.
  • All Parcels Page: Admin can see all the booked parcels and assigned them to specific delivery men. Also admin can see status of parcels.

👉 Animations: Engaging effects triggered by mouse movement and scrolling by Animation on scroll.

👉 Responsive: Ensures seamless functionality and full responsive across all devices.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Download the Repository First Download the Repository from here

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

Live Preview

https://gomoto-parcel-management.netlify.app
"Admin email": [email protected]
"Admin password": shohaN@1

"Delivery Men’s email": [email protected]
"Delivery Men’s password": shohaN@1

"Client Side Github Repository Link": https://github.com/programming-hero-web-course1/b9a12-client-side-Shohanur-Shohan
"Server Side Github Repository Link": https://github.com/programming-hero-web-course1/b9a12-server-side-Shohanur-Shohan