Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khaledssbd/sa-tourism-project-client-side
SA-Tourism is a tourism based web application for South Asian spots where tourists can get details of spots for future tour.
https://github.com/khaledssbd/sa-tourism-project-client-side
animatecss aos firebase-tools framer-motion lottie-react react-helmet-async react-hot-toast react-icons react-simple-typewriter react-tooltip swiper
Last synced: about 2 months ago
JSON representation
SA-Tourism is a tourism based web application for South Asian spots where tourists can get details of spots for future tour.
- Host: GitHub
- URL: https://github.com/khaledssbd/sa-tourism-project-client-side
- Owner: khaledssbd
- Created: 2024-06-24T22:08:00.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T11:08:15.000Z (7 months ago)
- Last Synced: 2024-07-18T13:49:51.970Z (7 months ago)
- Topics: animatecss, aos, firebase-tools, framer-motion, lottie-react, react-helmet-async, react-hot-toast, react-icons, react-simple-typewriter, react-tooltip, swiper
- Language: JavaScript
- Homepage: https://sa-tourism-khaled.web.app
- Size: 4.62 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SA-Tourism
## Live site:
- [SA-Tourism on firebase](https://sa-tourism-khaled.web.app)
- [SA-Tourism on vercel](https://ph-a10-client-by-khaled.vercel.app)
- [SA-Tourism on surge](https://ph-a10-client-by-khaled.surge.sh)
- [SA-Tourism on netlify](https://ph-a10-client-by-khaled.netlify.app)
## GitHub Repository:
- [Client-Repository](https://github.com/khaledssbd/SA-Tourism-project-client-side)
- [Server-Repository](https://github.com/khaledssbd/SA-Tourism-project-server-side)
---
# Project Overview:
SA-Tourism is a tourism based web application for South Asian spots where
tourists can get details of spots and plan for future tour.
# Features:
- All Device Responsive
- tailwindCSS
- Awesome dark theme support
- aos, swiper and animate.css Implementation
- Environment Variable configuration
- Regex with Valid email, Uppercase letters, lowercase letters and 6 characters
in password
- Protected routes
- Local Storage and API post configuration with Protected route
# npm Packages
- npm i aos
- npm i swiper
- npm i animate.css --save
- npm i react-icons
- npm i react-helmet-async
- npm i framer-motion
- npm i react-hot-toast
- npm install -g firebase-tools
- npm i lottie-react (in error page and loading. e.g.
[here](https://sa-tourism-khaled.web.app/gdfdfgfdvgdfg))
- npm i react-simple-typewriter (in hero section and country title, 'Add
Tourists Spot' 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/SA-Tourism-project-client-side
```
2. ```bash
cd SA-Tourism-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.