Welcome to Voyawander, your ultimate travel companion! Voyawander is a full-stack project built to help you plan your dream trips. With a stunning frontend deployed on Vercel and a robust backend deployed on Cyclic, Voyawander brings together React.js, Chakra UI, MongoDB, Express.js, and Node.js to create a seamless travel planning experience. The database is hosted on MongoDB Atlas, ensuring secure and efficient data storage. This project offers a wide range of features, including searching, sorting, debouncing, local storage, authentication, and various pages for planning your trips.
- Fully Responsive: Voyawander is designed to be fully responsive, ensuring that it looks and works seamlessly on a variety of devices, including smartphones, tablets, and desktops. The layout and content adapt dynamically to different screen sizes, providing an optimal user experience regardless of the device used.
This addition emphasizes that the website is accessible and user-friendly on all devices, making it even more appealing to a wider audience.
- Search Destinations: Easily find your dream travel destinations using the search bar.
- Sort Results: Sort destinations by popularity, price, or other criteria to discover new places to visit.
- Efficient Debouncing: The search functionality is debounced to ensure smooth performance, providing real-time results without overloading the server.
- Local Storage: Voyawander uses local storage to save your preferences and booking information, so you can pick up where you left off.
- User Authentication: Secure user accounts allow for personalized experiences, including the ability to save favorite destinations and access booking history.
- Hero Section: The homepage features a captivating hero section with breathtaking travel images and inspirational content to spark your wanderlust.
- Login and Signup: Users can create accounts or log in securely to access personalized features.
- Places: Explore detailed information about travel destinations, including descriptions, photos, and user reviews.
- Hotels: Find the perfect accommodation for your trip, complete with photos, reviews, and booking options.
- Flights Bookings: Book flights to your chosen destinations with ease, complete with price comparisons and schedules.
- Payment Page: A secure payment page allows users to finalize bookings and make secure transactions.
Voyawander is built using the following technologies:
- React.js: The core frontend library for building dynamic user interfaces.
- Chakra UI: A flexible and accessible design system for creating beautiful user interfaces.
- MongoDB: A NoSQL database for efficient and scalable data storage.
- Express.js: A backend framework for building APIs and handling server-side logic.
- Node.js: A runtime environment for executing server-side JavaScript code.
-
Frontend: The frontend is deployed on Vercel and can be accessed here.
-
Backend: The backend is deployed on Cyclic and serves as the backbone for the Voyawander application.
-
Database: The database is hosted on MongoDB Atlas, ensuring data reliability and security.
To run this project locally or contribute to its development, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install the necessary dependencies using
npm install
. - Start both the frontend and backend servers using
npm start
for each.
We're thrilled to have you explore Voyawander and hope it helps you plan your dream vacations. If you have any questions, suggestions, or feedback, please don't hesitate to reach out. Your input is valuable in making Voyawander an even better travel planning platform. Happy travels!