Trinkle

A geospatial distance measurement app.

It is live at https://trinkle.vercel.app/

We can click at a position on map to mark points and measure the total distance between them. Clicking twice on a point removes it from the map.

Steps to run the project locally

1. Fork and clone the repository in your system and navigate to the project directory.
2. Setup an .env.local file in root of the project with NEXT_PUBLIC_MAPBOX_TOKEN and provide your mapbox token.
3. Install all the project dependencies using npm install command.
4. Run npm start to start the local server. Open http://localhost:3000 to view the project in the browser.

Built Using

• React JS - A JavaScript library for building user interfaces
• Mapbox GL JS - A JavaScript library that uses WebGL to render interactive maps
• Next.js - The React Framework for Production
• Vercel Platform - App for deploying NextJS app

Challenges Faced:

• Setting up Redux with NextJS

Bonus Points

• Developed using NextJS. Followed component architecture, DRY, separation of concerns and other best practices.
• Project is mobile responsive.

Light House Score

A very decent lighthouse score

Author

• @dhruv10