Demo Video of the Project:

Tech Stack Needed for this Project:

Frontend:

• Next.js
• React
• Material UI

Backend:

• Firebase
• GCP
• OpenAI

Hosting and Deployment:

• Vercel

DevOps:

• CI/CD
• Docker

Run the Project with Docker:

You must have to install Docker Desktop for this step:

1. First of all pull the image into your local machine:

docker pull surajkumar00/pantry-pro

2. Run the Dcoker Container using pulled Docker Image :

docker run -it -p 3000:3000 surajkumar00/pantry-pro

Features of Pantry Pro:

• A form to add, delete, and update pantry items

• A search or filter functionality to easily find items

• A presentable frontend design to display all pantry items

• Deployed to Vercel and use CI/CD

• Can add inventry items via uploading an images

Set Up Guide:

npx create-next-app@latest

npm install @mui/material @emotion/react @emotion/styled

Implement a Firebase Backend for data Storage

First install firebase

npm install firebase

Go to the firebase official website and create new project

Copy pase this code in firebase.js which should be in you project's root directory

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web apps Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional

const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

And now you are ready to work with project

---

License 📝

This repo is licensed under the terms of the MIT License. check out LICENSE for details.

---

Support 🌱

We would love to have you, feel free to open issues and pull requests, and Don't forget to leave a star ⭐