ahsanulhoqueabir / country-tour-react-spa

Country Tour with Single Page Application(SPA) React App

Show Live preview

Focused On

Using Components

Routing

State Management

API Calls

State Management

Styling with Just Tailwind Framework

Showing Customized Error Page

Show loader when data fetch

Getting Started With Create-React-App

1. Install NodeJS and npm (Node Package Manager).
2. Open Terminal or Command Prompt, navigate to the directory where you want your project folder to be created.
3. Open Terminal or Command Prompt.
4. Navigate to the directory where you want your project folder to be created.
5. Run

npm create vite@latest myAPP

replacing "myShop" with whatever name you prefer for your app.

5. Wait until it finishes installing all dependencies.
6. Once finished, navigate into the newly created project folder using:

cd myApp

7. To start the development server run:

npm run dev

This will open a new browser window displaying your application at http://localhost:5173

Resource Used

1. For Country Data: restcountries.com
2. For Animation: Lottifiles
3. For Icons: Heroicons
4. FAQ Page Data: Personal API
5. About Page Data: Personal API
6. Image Used from Unplash and other public websites.

Clone This Repository

You can clone this repository by running following command in terminal/command prompt:

https://github.com/ahsanulhoqueabir/country-tour-react-spa.git 

or download zip file from here