The overall goal of this project is to design a free-to-use meal plan web page for organizations to use instead of an excel sheet. The idea was inspired by the Campus Cooks app many organizations use to schedule and plan meals for their members. It informs members of the meals for the upcoming week, allows them to rate past meals, and schedule when they are eating the meal for the day to prevent food waste. The caveat to their design is that it requires organizations to hire chefs from Campus Cooks in order to use their app. Our goal is to make similar software so that chefs are able to easily plan for the number of members who will be eating and make accommodations for food allergies, substitutions, etc.
The overall goal of this project is to design a free-to-use meal plan web page for organizations to use instead of an excel sheet. The idea was inspired by the Campus Cooks app many organizations use to schedule and plan meals for their members. It informs members of the meals for the upcoming week, allows them to rate past meals, and schedule when they are eating the meal for the day to prevent food waste. The caveat to their design is that it requires organizations to hire chefs from Campus Cooks in order to use their app. Our goal is to make similar software so that chefs are able to easily plan for the number of members who will be eating and make accommodations for food allergies, substitutions, etc.
- Create a user-view of the web app which will allow users to contact their chef, rate their meals, look at their weekly menu, and request late plates.
- Create a chef-view of the web app which will allow chefs to see who will be eating at meals, their needed accommodations, schedule meals for following weeks, and update information as needed.
-
Most likely use react to build UI’s without having to handle most of the frontend stuff using basic HTML and CSS.
-
Use Firebase as the DB store. Host on github or another site for MVP.
-
Use React Hooks to pull necessary data from API’s to merge into view tables.
Create the necessary views and pages required for the app to viably replace an excel spreadsheet in usability. This would mean working out the views and making sure they display data correctly across them. The hardest part of the project.
One of the biggest problems with spreadsheets is their poor optimization for mobile devices. As most students use their phones to view weekly information, it would be first priority to make the web app easily accessible / viewable on phones. This means developing in a mobile environment first and transitioning that to load correctly on computers. In Chef’s view this is less important because they’ll most likely be using a computer when entering information in as necessary.
Here is the link to the Figma wireframe we've created to help prototype our app.
Currently using the react-bulma-components to create components from the Bulma CSS package and import them into react.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!