The Coding Challenge given to me was to recreate an Adobe Xd Mobile Screen with mocked information using a Vanilla Stack (HTML, CSS and JS) and also React in just 2 days. As a plus to the challenge, I decided to implement a functional map and a coordinates system instead of using a mocked image as the map.
Clone the repository, run yarn && yarn start on the react folder, and it will be available for you on your localhost.
Clone the repository and open the html file inside the vanilla folder on a local server of your choosing
- Html5
- CSS3
- Javascript
- React
- React Hooks
- Leaflet.js