Nomad Log is a responsive React application built using the Material-UI framework. It offers users a modern platform to track their visited countries, countries they have lived in, and countries they plan to visit, all in one place. With Google authentication, users can create and share profiles easy and secure.
- 🔥 Key Tools: Vite + React + TypeScript + amCharts 5
- 🎨 UI: Material UI + SCSS + Responsive
- 🔒 Authentication: Google Firebase Authentication
- ☁️ Datastorage: Google Firestore (NoSQL DB)
- 🛰️ State Management: Redux
- World map with capitals and states, powered by amCharts 5
- Toggle countries on multiple lists: Visited, Lived In, Bucket List
- Display detailed information about each country, provided by REST Countries
- Zoom in on countries to show their states
- Switch between map and globe view
- User profile with bio and travel stats
- Continents visited
- 3 country lists in data grids with action buttons
- Update user profile
To run the application locally:
- Clone this repository to your local machine.
- Install dependencies using
npm install
. - Set up a Firebase project and configure your Firebase credentials. HOW TO
- Enable Google authentication in your Firebase project.
- Update Firebase configuration in
src/config/firebaseConfig.tsx
. - Run the application using
npm run dev
.
Contributions are welcome! If you have any ideas for improvements or new features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.