Travex is an interactive travel planning web app, fully responsive, built with React + Vite. It allows users to select and mark places they have traveled to using API calls. The app integrates various tools and libraries to provide a seamless and intuitive experience.
- 🌍 Interactive Map – Explore and mark locations using Leaflet & React Leaflet
- 📅 Date Selection – Pick travel dates effortlessly with React Datepicker
- 🔔 Real-Time Notifications – Enhanced UX using React Toastify
- 🔗 Seamless Navigation – Smooth transitions powered by React Router DOM
- 📱 Mobile-Friendly UI – Sleek Hamburger React Menu for a great mobile experience
- ⚡ State Management – Utilizes React Context & Reducer for scalability
- React (Frontend UI)
- Vite (Fast build tool for React apps)
- Leaflet & React-Leaflet (Map integration)
- React-Datepicker (Date selection)
- React-Toastify (Notifications)
- React-Router-DOM (Client-side routing)
Ensure you have Node.js and npm installed on your system.
- Clone the repository:
git clone https://github.com/MatinT-SA/travex.git cd travex - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open
http://localhost:5173in your browser.
- Log in via the simulated login system (powered by JSON-server).
- Search, select, and mark locations on the map.
- View and manage your saved locations with date selection.
Contributions are welcome! If you'd like to contribute:
- Fork the repository
- Create a new branch (
git checkout -b feature-branch) - Commit your changes (
git commit -m "Added a new feature") - Push to your branch (
git push origin feature-branch) - Open a Pull Request
Note: If the API does not load, please connect to a VPN as some services may be restricted in certain regions.
Enjoy using Travex and happy traveling! 🌎