Skip to content

mutaremalcolm/flipdish_take_home_assesment

Repository files navigation

# Flipdish Menu Renderer

Live Demo

Overview

This project makes a API call and displays the data for Flipdish restaurant menus. I spent approximately 5-6 hours to complete the project. It opted for NextJS to leverage Server Side Rendering, Tailwind CSS, React, and Vitest.

Requirements Completed

  • Render Flipdish restaurant menu
  • Choose a suitable layout and style to render the menu
  • Display menu item name and image
  • Show description and price (optional)

Data Structure

The Flipdish menu combines products (MenuSectionItems & MenuOptionSetItems) and layout in a single structure, known as the Menu.

Known Issues

  • None at the moment.

To Do

  • Implement option to display menu item description and price.
  • Improve responsiveness for various screen sizes.
  • Implement unit & integration tests
  • Persist Data from API in local storage and implement search functionality

Technologies Used

  • NextJs
  • Tailwind CSS
  • React
  • Vitest

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors