A React + Firebase Project that allows the employees of a Pizzeria to make pizza orders, delete and/or change the status of the order.
- Log in/Register account with Firebase Auth and React Firebase Hooks
- Adding orders and storing them in Firebase Firestore and React Firebase Hooks
- Filter the orders by their status.
- Delete orders and/or change their status
- Responsive design
- Dark Mode
- Frontend: React
- Styling: TailwindCSS
- Backend as a Service: Firebase
- Bundler: Vite
- Routing: React Router
- Icons: Font Awesome
- UI Design: Figma
- Other library: React Firebase Hooks
-
Create an account on Firebase and get your Firebase Config.
-
In the root of the project create a
.env
file for storing firebase secrets:VITE_API_KEY = VITE_FIREBASE_AUTH_DOMAIN = VITE_FIREBASE_PROJECT_ID = VITE_FIREBASE_STORAGE_BUCKET = VITE_FIREBASE_MESSAGING_ID = VITE_FIREBASE_APP_ID =
- NodeJS
- NPM
/* Install the needed packages */
npm install
/* To run the application */
npm run dev
A project by Thawan Silva