https://github.com/tushcmd/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/tushcmd/pantry-tracker

firebase material-ui mui nextjs nextjs14 react

Last synced: about 1 month 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/tushcmd/pantry-tracker
• Owner: tushcmd
• Created: 2024-07-30T10:42:24.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-03T21:52:22.000Z (5 months ago)
• Last Synced: 2024-08-04T21:39:10.847Z (5 months ago)
• Topics: firebase, material-ui, mui, nextjs, nextjs14, react
• Language: JavaScript
• Homepage: https://pantry-tracker-pied-delta.vercel.app/
• Size: 496 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pantry Management App

## Project Overview

This project aims to create a web application for managing pantry items. It will utilize Next.js for the frontend, Material UI for components, Firebase for backend data storage, and Vercel for deployment and CI/CD.

## Technologies

- Next.js

- Material UI

- Firebase

- Vercel

## Screenshots

![Main Page](public/_screenshots/pantry_mainpage.png)

![Add Item Dialog](public/_screenshots/pantry_add_item.png)

![Expiring](public/_screenshots/pantry_expiring.png)

![Edit Item Dialog](public/_screenshots/pantry_edit_item.png)

## Features

- CRUD Functions - Add new pantry items with details like name, quantity, expiration date, category. Edit ad delete

- Clear and intuitive interface for managing pantry items

- Mobile-responsive design

- Fourth feature

## Features to Add

- Search and Filtering

- React camera pro Image capturing

- AI Image analysis and classification

## Getting Started

1.Clone the repository:

```bash

git clone https://github.com/tushcmd/pantry-tracker.git

```

2.Install dependencies:

```bash

cd pantry-management-app

npm install

```

3.Set up environment variables:

```bash

cp .env.example .env

```

Edit the `.env` file with your Firebase project credentials and other necessary environment variables.

4.Set up Firebase:

- Create a Firebase project

- Enable the necessary Firebase products (Realtime Database, Authentication, etc.)

5.Run the development server:

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Contributing

Contributions are welcome! Please feel free to open issues or submit pull requests.

## License

MIT License