Skip to content

GlamSpot is a service based website where users can add own service and book others on a future date on his/her choose.

Notifications You must be signed in to change notification settings

khaledssbd/GlamSpot-project-client-side

Repository files navigation

GlamSpot

Live site:

GitHub Repository:


Project Overview:

  • Add your service to database and manage them
  • Book others service as a user
  • provide and update service status in database

Features

  • Loading data in a amazing way with no bug using TanStack Query
  • axiosSecure to force logout a hacker who wants to ge others data
  • Awesome dark theme support
  • jspdf for pdf downlaod
  • Environment Variable configuration to save admin data from hackers
  • Regex with Valid email, Uppercase letters, lowercase letters and 6 characters in password
  • PrivateRoute to make the user login must
  • jwt configuration to configure security

npm Packages

  • npm i aos
  • npm i axios
  • npm i jspdf
  • npm i swiper
  • npm i firebase
  • npm i react-icons
  • npm i sweetalert2
  • npm i react-hot-toast
  • npm i react-router-dom
  • npm i react-helmet-async
  • npm i animate.css --save
  • npm install -g firebase-tools
  • npm i @tanstack/react-query
  • npm i framer-motion
  • npm i lottie-react (in error page and loading. e.g. here)
  • npm i react-simple-typewriter (in hero section and title, 'Booked Services' page title)
  • npm install react-tooltip (in userImage which will be showed after login)

Getting Started

To run this React project on your local machine follow the instructions-

Prerequisites

Before you begin, ensure you have the following installed on your local machine:

Installation

  1. git clone https://github.com/khaledssbd/GlamSpot-project-client-side
  2. cd GlamSpot-project-client-side
  3. npm install
  4. npm run dev

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