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.
-
π 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.
- React.js
- Bootstrap
- CSS
- JavaScript
- Font Awesome
Follow these instructions to set up and run the project locally:
-
Clone the repository:
git clone https://github.com/yourusername/tourest.git
-
Navigate to the project directory:
cd tourest -
Install dependencies:
npm install
-
Run the development server:
npm start
-
Open http://localhost:3000 to view it in the browser.
- π 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.
- 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.
