- THE LIVE VERSION IS TEMPORARILY INACTIVE * This is a personal project and a work in progress. It's an app for animal lovers to find and add spots for animal watching. Backend here https://github.com/SEN-RAD/animaps-server
⚡️ Map with interactive location markers.
⚡️ Search bar.
⚡️ Possibility to add new markers to the map.
- How to build and deploy a full-stack application using React, Node, and PSQL.
- How to use Class components and Lifecycle Methods in React.
- How to use event handlers (e.g. onClick, onKeyPress ) to improve the UI.
- How to integrate maps from OpenStreetMaps using React leaflet.
- How to use GET, POST, and .then to insert and retrieve data from a database.
- How to be self-reliant when facing challenges and in the debugging process.
- How to research solutions and work with ChatGPT.
- When searching a keyword that is obviously an animal name (e.g. dogs) but that is not in the database, the app should respond with a message saying that it is not in the database, instead of responding with a location on the map with that name (yes, there are locations called "dogs").
- Image upload function in the Add Spot (not working at the moment).
- Register and sign-in functions, so only registered users are able to add contribute.
- PUT and POST endpoints to edit spots and add comments.
- Automatic identification of a new user's location and setting of updatedStartLocation accordingly.
- React, Node and PSQL (PgAdmin4) + Git, Railway, and Render.
- Express.
- Tachyons.
- Mui Core.
- React Leaflet and OpenStreetMaps.
- ChatGPT.