Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/ryantren/pantry-tracker
- Owner: RyanTren
- License: mit
- Created: 2024-07-29T21:15:39.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T19:42:58.000Z (3 months ago)
- Last Synced: 2024-08-08T22:17:25.570Z (3 months ago)
- Topics: ci-cd, firebase, gcp, nextjs, openai, react, vercel
- Language: JavaScript
- Homepage: https://ryan-pantry-tracker.vercel.app/
- Size: 137 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
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```