An Interactive Menu Maker Dashboard app that allows the user to view, update, edit and create menus for their restaurant! The app displays scrollable menus with buttons for adding, editing, uploading pictures and changing Serving hours. A user can also add new categories. The app includes 2 modals and a sliding side panel.
- Language: JavaScript
- Controller: Mongoose
- Database: MongoDB
- View: React
- CSS Framework: Bootstrap, React-Bootstrap, custom overrides
- React Router: Express Router
- Server & API routes: Node.js, Express.js
- Unit Test framework: Jest
- Unit Test library for UI: React Testing Library
- IDE: VSCode
.
├── client
├── public
├── src
├── controllers
├── db
├── models
├── node_modules
├── routes
|-- scripts
├── .env
├── .gitignore
├── package.json
├── README.md
├── server.js
-
/node_modules: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed. -
/src: This directory will contain all of the code related to what you will see on the front-end of your site -
.gitignore: This file tells git which files it should not track / not maintain a version history for.
-
- naming conventions for variables and methods
- comments
-
- code structure
- etc
- Download the file and open in VScode. From the inner zsh or menu-maker file, open the terminal.
npm installnpm run seedruns the DB seeds.node server.jsstarts the server- cd client and -
npm startstarts the react front end
The server is now running at http://localhost:5000, while React runs on http://localhost:3000.
If you would like to contribute to this project or have feedback, please contact me below:
If you have any questions about the repo, open an issue or contact me:
