Planorama is a travel planner web application that allows users to plan their trips by exploring countries and cities, viewing detailed information (landmarks, activities, restaurants, budget, etc.), and even rating cities. The project integrates Firebase authentication to manage users.
- Navigation & Search: Browse the list of countries and cities, with a dropdown search menu to quickly select a country.
- City Details: View detailed information about each city, including descriptions, landmarks, activities, restaurants, best time to visit, and budget.
- Content Management: Create, update, and delete cities (accessible to authenticated users).
- Ratings: Users can rate and comment on cities through a dedicated section.
- Authentication: Sign up, log in, and log out using Firebase.
- Map Integration: Display the location of cities on an interactive map using Leaflet.
- React for building the user interface.
- React Router for client-side routing.
- Vite as the build tool and development server.
- Firebase for authentication.
- Axios for API requests.
- Mantine for UI components.
- Leaflet for map display.
- Clone the repository:
git clone https://github.com/Namaste-Bonjour/Planorama.git
- Change to the project directory cd Planorama
- Install the dependencies npm install
- Start the development server npm run dev The application should be accessible at http://localhost:5173.
- Home: Browse the list of countries and use the dropdown menu to filter and select a country.
- City Details: Click on a country to view its cities, then select a city to see its detailed information.
- Content Management: Authenticated users can add, edit, or delete cities.
- Ratings: Rate and comment on cities through the dedicated ratings section.
- Authentication: Sign up, log in, and log out with the integrated authentication features.
Sébastien & Anjana
- Wikimedia
- Wikipedia
- MDN
- ChatGPT(for the description of some city)
- Freepik