GlamSpot

Live site:

• GlamSpot on firebase
• GlamSpot on vercel
• GlamSpot on surge
• GlamSpot on netlify

GitHub Repository:

• Client-Repository
• Server-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:

• Node.js (which includes npm)
• Git

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.