My Pantry Pal is a user-friendly and intuitive web application designed to help you manage your pantry inventory efficiently. Users can easily add and update items in their pantry, ensuring that they always know what they have on hand. The application allows you to keep track of item quantities and expiration dates, helping to minimize food waste and streamline meal planning.
My pantry Pal https://pantry-tracker-bice.vercel.app/ which features some of my github projects as well as my resume and technical skills.
This project is built using these technologies.
▪ Next.js
▪ Node.js
▪ MUI
▪ Firebase Auth
▪ Firebase Database
▪ VsCode
▪ Vercel
📖 Multi-Page Layout
🎨 Styled with Next.js and Material UI with easy to customize colors
📱 Fully Responsive
🔍 Add, delete, update, search items
🔐 Login or Signup using Google accounts
■ app
● about
○ page.jsx
● components
○ Navbar.jsx
● context
○ AuthContext.js
● bakery.png
● favicon.ico
● globals.css
● layout.js
● page.js
● pantry_tracker.mp4
● trash.png
■ public
● next.svg
● vercel.svg
■ .eslintrc.json
■ .gitignore
■ README.md
■ firebase.js
■ jsconfig.json
■ next.config.mjs
■ package-lock.json
■ package.json
Navigate to your desired directory
cd path/to/your-projectClone down this repository.
git clone https://github.com/alishbannoor2/Pantry-Tracker.gitYou will need
node.js and git installed globally on your machine.
1. Installation:
npm install- Run:
npm install @mui/material @emotion/react @emotion/styled- In the project directory, you can run:
npm run dev
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
You can start editing the page by modifying
app/page.js
The page auto-updates as you edit the file.
For smooth project workflow: https://youtu.be/opLKAlSFOs8
For deploying app on Vercel: https://youtu.be/eIk6TCpbCDk
You're welcome to fork this repository, enhance it, and submit pull requests. If you're planning significant changes, please open an issue first to discuss your proposed modifications.