Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ryantren/pantry-tracker

This project is a pantry management application that allows users to keep track of pantry items by adding or removing items and updating their quantities. The project uses Next.js as the frontend framework, Material UI for the UI components, and Firebase as the backend service.
https://github.com/ryantren/pantry-tracker

ci-cd firebase gcp nextjs openai react vercel

Last synced: 9 days ago
JSON representation

This project is a pantry management application that allows users to keep track of pantry items by adding or removing items and updating their quantities. The project uses Next.js as the frontend framework, Material UI for the UI components, and Firebase as the backend service.

Awesome Lists containing this project

README

        

# Pantry Tracker
This project is a pantry management application that allows users to keep track of pantry items by adding or removing items and updating their quantities. The project uses Next.js as the frontend framework, Material UI for the UI components, and Firebase as the backend service.

## Project Demo
[Youtube Link](https://www.youtube.com/watch?v=e-1iC2buJ2o)

## Project Setup
Run this command to set up the React/Next.js project
```
npx create-next-app@latest
```
and just cd into the folder and type ```npm run dev``` to run the project on local host...

This command is to connect the database (firebase) to our code
```npm install reactfire```
More info here -> [Link](https://github.com/FirebaseExtended/reactfire)

## Deployment Setup
Open Terminal in VS Code:
```Ctrl + ` (or use the terminal menu to open a new terminal)```

Install Vercel CLI:
```npm install -g vercel```

Log in to Vercel:
```vercel login```

Navigate to Project Directory:
```cd path/to/your/project```

Deploy Project:
```vercel```