Find & edit information about amazing natural landmarks!
Live Demo
·
Explore my other projects
Table of Contents
Mosquito allows you to find and add information about natural landmarks, to share comments & opinions about them, to tag/untag on places you have visited and to generate your own landmarks map!
- A Guest view, with limited interaction and a Logged in view with full functionality
- Logged in users can:
- Add new landmarks
- Comment
- Tag themselves
- Delete or Edit any place they have created
- Access their Profile page, which shows the latest user activity & latest comments
- Client-side Routing via React Router
- Integration of Open Street Maps
The website uses functional components, the Context API, Controlled Forms and does styling via CSS modules.
Architecturally, components are split into folders, containing the relevant logic & styling. Custom hooks are used for forms & CRUD operations, while services related to Authentication, Fetching data and Validation are kept separate and imported when necessary.
The project is built using:
- Clone the repo
git clone https://github.com/dphilipov/mosquito-app.git
- Install NPM packages
npm install
- Start the project
npm start
Register a new account or Login with the demo credentials. This allows you to Create new landmarks, to Comment on all existing ones and to Tag/Untag on the ones you have visited. Furthermore, you can Edit & Delete the landmarks you have created. Going to Map loads a map with all of your created landmarks. In your Profile page you can view your latest activity and Delete your account if needed.
Dimitar Filipov - [email protected]
Project Link: https://github.com/dphilipov/mosquito-react-app.git