Skip to content

missvader/WITH_KIDS_APP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sprint 9 WithKids App

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:


Preview

preview gif

preview gif

preview gif


🔧 Tech used in this project

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.

Buit With

  • React
  • React Router
  • Tailwind CSS
  • Firebase

Tools used

  • Postman
  • Vercel

Roadmap

  • 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.

🌱 Getting Started with this project

Installation

Clone or fork the Repo

In the project directory.

npm install

In the project directory.

npm start
  • Remember adding your Mapbox Token !