What's For Dinner

Table of Contents

Overview

This application is a chance for students to build an app that helps users choose a dish and put together meals. This Solo Challenge gave us a chance to show where we are with the foundational concepts of the Mod 1 curriculum. In this challenge, we utilize HTML, CSS, and JavaScript to create a functional app that will select a random dish based on what the user is looking for.

Setup

  • Clone this repository down to your local machine
  • Navigate into the whats-for-dinner directory
  • Run open index.html in the terminal

Screenshots

User has a home page where they can see the login, and different dinner input values to select from.
home-view

The user can select an input using a radio button. radio-input side-input main-input dessert-input

The user can select the login button on the right hand corner and enter their name to be show on the homepage. login-button

Links

The spec for this project can be found here. Checkout the page here

Future Additions

  • Add full functionality for login page
  • Add local storage to store login information
  • Change login page to be more user friendly

Contributors

Lynn Nguyen

Technologies

HTML
CSS
JavaScript