This project was bootstrapped with Create React App.
It uses Mapbox´s GL JS library to allow users to find activities, restaurants and playgrounds near their area , and Firestore as the database.
Data provides from 3 different API:
- Open Data Generalitat de Catalunya
- Open Data Ajuntament de Barcelona
- Open Data Diputacio de Barcelona
Front_End: Reactjs with Tailwind CSS and Daisy UI. Also used React-icons and Sweetalert2 Postman to tests APIS and axios to fetch the data. Firebase is used to users Authentication and Firestore to store user´s list of favorites.
- Implement more helpful UI features such as modal asking a user to confirm when they either add or delete Events or Restaurants.
- Add ability for Users to adding restaurants to database.
- Implement filter by title and date .
- Implement advanced filtering based on ratio of distance to user location.
- Add ability for Users to adding favorites directly from the map.
- Additional styling to cards.
- Refactor the code.
Clone or fork the Repo
In the project directory.
npm install
In the project directory.
npm start
- Remember adding your Mapbox Token !