Building Dinerd using js, HTML, and CSS

1

RealFaviconGenerator.net

#Web Icons #Graphic Design Software #Favicon 48 social mentions

2

Pattern Monster

#Design Tool #Pattern Maker #Web Design 10 social mentions

3

Leaflet

I use fetch to make calls to the back-end server created above, and render the restaurant cards using a renderRestaurant function that I created to translate the JSON data into visible and interactive components. The map on each card is created using the Leaflet library and Open Streetmap data, combined with each restaurant's location data returned from the API.

#Maps #Interactive Maps #Development Tools 123 social mentions

4

Iconfinder

#Web Icons #Icon Fonts #Vector Icons 3 social mentions

5

Figma

#Design Tools #Prototyping #Design Collaboration 101 social mentions

6

ExpressJS

While it would have been possible to meet my requirements using vanilla Node.js, I deceided to use Express to create the server and Axios to retrieve the API data from Yelp Fusion in an asyncronous, promise-friendly way.

#JavaScript Framework #Node.js Framework #Web Frameworks 423 social mentions