Menuify

The Menuify app allows restaurant owners to easily create mobile-friendly restaurant menus so diners can enjoy the best possible experience. This group project was completed in 2 1/2 weeks at the Turing School of Software and Design. Front- and Back-end teams collaborated on the design, development, and deployment processes throughout the course of the project.

Restaurant owners can easily add or delete menus and individual menu items. Images can be added by url, or by searching a collection of images sourced from the Photo Unsplash API.

Diners can readily find their desired menu with full-color images, descriptions, and prices. By placing QR codes on the tables, customers need only use their mobile device to access the user-friendly, aesthetically pleasing menu.

• Deployed app
• Front-end repo
• Back-end repo
• Back-end API repo

Customer Landing Page

Admin View

Add and Delete Restaurant

Add and Delete Menu Item

Contributors

• Tim Thomas
• Eleanor Ruth
• James Wasmer
• Justen Anderson
• Emily Port
• Yuji Kosakowski
• Gabe Nuñez

Technologies

• React
• Javascript
• HTML
• CSS
• React Router
• Cypress E2E testing
• Redux
• CircleCI
• Webpack module bundler
• Fetch API
• Git/GitHub
• GitHub project board
• Miro
• Slack
• Zoom

Methodologies

• End-to-end testing
• Error handling the user experience and network errors
• React component architecture
• Asynchronous JS
• Create a user interface that is easy to use and clearly displays information
• Modular code following SRP (Single Responsibility Principle)
• Network requests to create, read, update, and destroy data
• DRY principles (Don't Repeat Yourself)
• Agile/Scrum project management
• User stories and subsequent acceptance criteria tickets

Installation instructions

1. Clone the frontend repository
2. CD into the directory and run npm install
3. Run npm start
4. Navigate to to your local server (listed in your terminal) in your web browser to view the live page

Documentation

Figma Wireframe

Miro Board

GitHub Project Board