Skip to content

Tourest is a fully responsive and modern travel website built using React.js, Bootstrap, and custom CSS. It features smooth navigation, a mobile-friendly hamburger menu, and sections to enhance user engagement.

Notifications You must be signed in to change notification settings

yatharth1cr/tourest-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

33 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Tourest - Responsive Travel Website 🌍

βž₯ Live Demo

Screenshot

Tourest is a fully responsive and modern travel website built using React.js, Bootstrap, and custom CSS. It features smooth navigation, a mobile-friendly hamburger menu, and sections to enhance user engagement.


Features

  • 🌟 Responsive Navigation Bar Designed a mobile-friendly navbar with a toggle menu using React state.

  • 🧭 Smooth Scrolling
    Enabled seamless scrolling for improved user experience.

  • πŸ’Œ Newsletter Subscription
    Integrated a subscription input field for collecting user emails.

  • πŸ”— Social Media Links
    Added interactive Font Awesome icons for enhanced accessibility.

  • 🎨 Modern UI Design
    Styled using Bootstrap and custom CSS for a clean and professional layout.

  • πŸ”„ Reusable Components
    Built the project with modular and reusable React functional components.


Technologies Used

  • React.js
  • Bootstrap
  • CSS
  • JavaScript
  • Font Awesome

Project Setup

Follow these instructions to set up and run the project locally:

  1. Clone the repository:

    git clone https://github.com/yourusername/tourest.git
  2. Navigate to the project directory:

    cd tourest
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm start
  5. Open http://localhost:3000 to view it in the browser.

Future Enhancements

  • πŸ” Add a search functionality for quick destination lookup.
  • 🎠 Implement a carousel/slider for featured destinations.
  • πŸ“‘ Integrate a backend for newsletter subscription.
  • πŸ’« Add animation effects for smoother transitions.

Why This Project?

  • This project highlights my ability to build dynamic, responsive web applications while adhering to clean code practices and modern UI/UX principles. It demonstrates my proficiency in React.js, CSS, and Bootstrap.

About

Tourest is a fully responsive and modern travel website built using React.js, Bootstrap, and custom CSS. It features smooth navigation, a mobile-friendly hamburger menu, and sections to enhance user engagement.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published