TravelNest is a front-end website created with React, TailwindCSS, React Three Fiber, and GSAP. This project was built within 5 hours for a front-end website design competition. The website showcases an aesthetically pleasing and interactive user interface, perfect for showcasing travel destinations or related services.
TravelNest aims to provide users with an engaging and dynamic experience as they explore beautiful travel destinations. The website features smooth animations and 3D effects using React Three Fiber, integrated seamlessly with React and styled using TailwindCSS.
- React – A JavaScript library for building user interfaces.
- TailwindCSS – A utility-first CSS framework for rapidly building custom designs.
- React Three Fiber – A React renderer for Three.js, enabling 3D graphics in the web.
- GSAP – A JavaScript library for high-performance animations.
- Aesthetic Design: Carefully crafted design elements that focus on visual appeal and user engagement.
- Responsive Design: Built using TailwindCSS, ensuring the website looks great on all screen sizes.
- Smooth Animations: Utilizing GSAP for fluid transitions and animations across the site.
- Minimalist Layout: Focused on clean, simple design for an elegant user experience.
- Interactive 3D Error Page: A unique 3D Error 404 page that enhances the user experience with interactive animations.
This website was developed within 5 hours for a front-end website design competition, showcasing:
- Speed in development
- Creative use of modern web technologies
- Seamless integration of interactive design elements
- Aditya Anand (me)
- Raksha BV
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/AdityaAnandCodes/TravelNest.git
To run this project locally, follow these steps:
- Navigate to the project folder:
cd TravelNest - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 in your browser to view the website.
The design incorporates smooth animations, interactive 3D elements, and a responsive layout to ensure an engaging user experience. GSAP and React Three Fiber are utilized to create interactive animations and 3D effects.
This project is licensed under the MIT License.
You can reach out to us through the following links:
- Aditya Anand: LinkedIn | Email: adityaanandatwork276@gmail.com
- Raksha BV: LinkedIn | Email: rakshabv.work@gmail.com