https://github.com/akshay-chaulya/worldtravel

https://github.com/akshay-chaulya/worldtravel

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/akshay-chaulya/worldtravel
• Owner: akshay-chaulya
• Created: 2024-09-14T15:22:20.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T16:36:21.000Z (3 months ago)
• Last Synced: 2024-09-16T19:51:32.447Z (3 months ago)
• Language: JavaScript
• Homepage: https://worldtravel-taupe.vercel.app
• Size: 9.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WorldTravel - Frontend

WorldTravel is a fully authenticated application where users can sign up, log in, reset passwords, and save or delete cities and countries they have traveled to on an interactive map. The frontend is built using React with state management powered by Redux, and the UI is styled with Tailwind CSS.

## Features

1. **User Sign-up**: Users can sign up with email verification and a profile image.

2. **User Login**: Allows users to log in to their accounts.

3. **Password Reset**: Users can change their passwords.

4. **Traveled Cities & Countries**: Users can save their traveled cities and countries on a map.

5. **Delete Saved Cities**: Users can delete saved cities.

6. **Pagination**: Cities are displayed with pagination for easy navigation.

7. **Full Authentication**: The application ensures that only authenticated users can access the main features.

## Screenshots

### Homepage

![Homepage Screenshot](./screenshots/home.png)

### User Dashboard

![Dashboard Screenshot](./screenshots/app1.png)

### Contact Us Page

![Profile Page Screenshot](./screenshots/contactus.png)

## Technologies

- React

- Redux Toolkit

- React Query

- React Router

- Axios

- Leaflet (for interactive maps)

- Tailwind CSS

- Vite (for build and development)

## Setup

1. Clone the repository:

    ```bash

    git clone https://github.com/akshay-chaulya/worldtravel.git

    cd worldtravel/frontend

    ```

2. Install dependencies:

    ```bash

    npm install

    ```

3. Create a `.env` file and add the necessary environment variables:

    ```plaintext

    VITE_API_URL=

    ```

4. Start the development server:

    ```bash

    npm run dev

    ```

5. Build for production:

    ```bash

    npm run build

    ```