Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khaledssbd/glamspot-project-client-side
GlamSpot is a service based website where users can add own service and book others on a future date on his/her choose.
https://github.com/khaledssbd/glamspot-project-client-side
animatecss aos axios firebase firebase-tools framer-motion jspdf lottie-react react-helmet-async react-hot-toast react-icons react-router-dom react-simple-typewriter react-tooltip sweetalert2 swiper tanstack
Last synced: 20 days ago
JSON representation
GlamSpot is a service based website where users can add own service and book others on a future date on his/her choose.
- Host: GitHub
- URL: https://github.com/khaledssbd/glamspot-project-client-side
- Owner: khaledssbd
- Created: 2024-06-24T21:57:40.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T10:53:13.000Z (6 months ago)
- Last Synced: 2024-07-18T13:29:42.398Z (6 months ago)
- Topics: animatecss, aos, axios, firebase, firebase-tools, framer-motion, jspdf, lottie-react, react-helmet-async, react-hot-toast, react-icons, react-router-dom, react-simple-typewriter, react-tooltip, sweetalert2, swiper, tanstack
- Language: JavaScript
- Homepage: https://glamspot-khaled.web.app
- Size: 7.98 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GlamSpot
## Live site:
- [GlamSpot on firebase](https://glamspot-khaled.web.app)
- [GlamSpot on vercel](https://glamspot-by-khaled.vercel.app)
- [GlamSpot on surge](https://glamspot-by-khaled.surge.sh)
- [GlamSpot on netlify](https://glamspot-by-khaled.netlify.app)
## GitHub Repository:
- [Client-Repository](https://github.com/khaledssbd/GlamSpot-project-client-side)
- [Server-Repository](https://github.com/khaledssbd/GlamSpot-project-server-side)
---
# 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](https://glamspot-khaled.web.app/fdfgfdvgdfg))
- 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](https://nodejs.org/en/download/) (which includes npm)
- [Git](https://git-scm.com/)
### Installation
1. ```bash
git clone https://github.com/khaledssbd/GlamSpot-project-client-side
```
2. ```bash
cd GlamSpot-project-client-side
```
3. ```bash
npm install
```
4. ```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) to view it in the browser.