Peta Metro is a simple website to view all the transit / metro maps from all over the world! I made this website using React mainly.

You can take a look at the code by yourself to see how it works under the hood. Mind you it is not the best code as I am a beginner!

There is a Figma file here: Figma Link - Click Here!.

Enjoy the website!

This is the steps on how to add new map.

1. Add new city in data.json
2. Add the map's png/jpg inside peta-metro/public folder
3. Go to: (https://bulkresizephotos.com/en?type=filesize&filesize=15000&format=webp&quality=32)
4. Add _thumb beside the name of the city. (ex. algeria_thumb.webp)
5. Done!