https://github.com/zidanhafiz/cashier_app

Cashier App with Next.Js and Firebase
https://github.com/zidanhafiz/cashier_app

cashier-app firebase nextjs possystem reactjs shadcn-ui tailwindcss

Last synced: about 2 months ago
JSON representation

Cashier App with Next.Js and Firebase

• Host: GitHub
• URL: https://github.com/zidanhafiz/cashier_app
• Owner: zidanhafiz
• Created: 2024-02-26T06:36:19.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T08:38:05.000Z (7 months ago)
• Last Synced: 2024-06-12T13:41:34.001Z (7 months ago)
• Topics: cashier-app, firebase, nextjs, possystem, reactjs, shadcn-ui, tailwindcss
• Language: TypeScript
• Homepage: https://cashier-app-phi.vercel.app
• Size: 530 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cashier App

This is a Web app to manage a store's products and also serve as a cashier tool to calculate purchases.

![Logo](https://firebasestorage.googleapis.com/v0/b/my-portfolio-v2-cb50d.appspot.com/o/images%2Fcashier-app%2Fdashboard-desktop.png?alt=media&token=c8364e56-f018-4a6a-ae98-6e1c668041a3)

Here's the demo link:

[![Static Badge](https://img.shields.io/badge/Cashier%20App-black?style=for-the-badge&logo=vercel&logoColor=white)](https://cashier-app-phi.vercel.app/)

email: [email protected]

password: admin123

##  Tech Stack

![Static Badge](https://img.shields.io/badge/JavaScript-fcd303?style=for-the-badge&logo=javascript&logoColor=gray) ![Static Badge](https://img.shields.io/badge/TypeScript-blue?style=for-the-badge&logo=typescript&logoColor=white) ![Static Badge](https://img.shields.io/badge/tailwind-gray?style=for-the-badge&logo=tailwindcss) ![Static Badge](https://img.shields.io/badge/React.js-14a5b8?style=for-the-badge&logo=react&logoColor=white) ![Static Badge](https://img.shields.io/badge/Next.js-white?style=for-the-badge&logo=next.js&logoColor=black) ![Static Badge](https://img.shields.io/badge/Node.js-green?style=for-the-badge&logo=node.js&logoColor=black) ![Static Badge](https://img.shields.io/badge/Firebase-gray?style=for-the-badge&logo=firebase)

## Features

- Add Products: Easily add new products to the store's inventory with details like name, price, and category.

- Edit Products: Update product information such as price, description, and availability.

- Delete Products: Remove products from the inventory when they are no longer available.

- View Product List: Display a comprehensive list of all products in the store's inventory with sorting and filtering options.

- User Authentication: Secure login and logout functionality to protect the application and user data.

## Setup

First, clone this repository 

```bash

git clone https://github.com/zidanhafiz/Cashier_App.git

```

and run npm install

```bash

npm install

```

You need to set firebase environment and create `.env.local` 

```bash

NEXT_PUBLIC_API_KEY=

NEXT_PUBLIC_AUTH_DOMAIN=

NEXT_PUBLIC_PROJECT_ID=

NEXT_PUBLIC_STORAGE_BUCKET=

NEXT_PUBLIC_MESSAGING_SENDER_ID=

NEXT_PUBLIC_APP_ID=

```

Run the development server:

```bash

npm run dev

```

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