Skip to content

Latest commit

 

History

History
151 lines (92 loc) · 3.29 KB

README.md

File metadata and controls

151 lines (92 loc) · 3.29 KB

MenuHelp App

Overview

This app was created for Chingu Voyage 53. It provides a menu scheduling platform, enabling managers to create and share weekly meal plans with staff. The application ensures employees have clear visibility of the planned meals while accounting for allergies.

Running this project locally

Prerequisites

  • Node.js
  • npm

Backend

  1. Navigate to the api directory:
cd api
  1. Install dependencies:
npm install
  1. Start the backend server:
npx netlify dev

Frontend

  1. Navigate to the client directory:
cd client
  1. Install dependencies:
npm install
  1. Start the frontend server:
npx vite

Dev Dependencies

Backend

  • jsonwebtoken
  • mongoose
  • Nodejs[Serverless],
  • Completeley new created Database [mongodb, Mongodb Compass]
  • API endpoints[ Netlify]

Frontend

  • react
  • tailwind
  • vite
  • date-fns
  • html2canvas
  • Datepicker
  • jspdf
  • prop-types
  • react-router-dom
  • swiper

Visuals

  • Figma (design)
  • Cloud storage for [Cloudinary]
  • Edit tools [Photoshop]
  • images source [free unsplash]

Landing Page

LandingPage

Employee View for Scheduled Menu

EmployeeView

LogIn for Manager

LogIn

Manager Home Page

ManagerHome

To Generate Menu

GenerateMenu

To View Menu

image

Scheduled Menus

ScheduledMenus

Scheduled Menus (mobile view)

MobileScheduledMenus

Edit Menu

EditMenu

Exported to PDF

PDFExport

Exported to Excel

image

Create New Employee

image image

View Employee

image image

Our Team

Scrum Master

UX/UI Designer

Developers