SA-Tourism

Live site:

• SA-Tourism on firebase
• SA-Tourism on vercel
• SA-Tourism on surge
• SA-Tourism on netlify

GitHub Repository:

• Client-Repository
• Server-Repository

---

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)
• 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 (which includes npm)
• Git

Installation

1. git clone https://github.com/khaledssbd/SA-Tourism-project-client-side

2. cd SA-Tourism-project-client-side

3. npm install

4. npm run dev

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