Description:

Technologies and tools used:

• JavaScript

  • React
    • Context API

• HTML

• CSS

  • Styled-components

• Map

  • react-map-gl library

• Testing react Library

• Netlify

App functionality overview:

• This web displays some of many restaurants in Helsinki city from data JSON file, with information, such as images, name, location, and tags.
• Also, map is included in the front page, which show all markers of these restaurants, and when users click on the marker, a pop-up will show up, informing about name and food image of its restaurant.
• The app also contains 3 buttons functionally:

sorting restaurant names from A - Z

sorting restaurant names from Z - A

sorting restaurant names mix

• This app shows how I tested some components' functions with testing react library before users using it.

Demo Link

Click to see

Video Demo

video.webm

License

Data JSON file is from Wolt's Summer 2020 Internships - Engineering Pre-assignment.