__/\\\\\\\\\\\\\____/\\\\\\\\\\\__/\\\_______/\\\__/\\\\\\\\\\\\\\\__/\\\________________________/\\\\\\\\\\\\\____/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_____/\\\\\\\\\____        
 _\/\\\/////////\\\_\/////\\\///__\///\\\___/\\\/__\/\\\///////////__\/\\\_______________________\/\\\/////////\\\_\/////\\\///__\////////////\\\__\////////////\\\____/\\\\\\\\\\\\\__       
  _\/\\\_______\/\\\_____\/\\\_______\///\\\\\\/____\/\\\_____________\/\\\_______________________\/\\\_______\/\\\_____\/\\\_______________/\\\/_____________/\\\/____/\\\/////////\\\_      
   _\/\\\\\\\\\\\\\/______\/\\\_________\//\\\\______\/\\\\\\\\\\\_____\/\\\_______________________\/\\\\\\\\\\\\\/______\/\\\_____________/\\\/_____________/\\\/_____\/\\\_______\/\\\_     
    _\/\\\/////////________\/\\\__________\/\\\\______\/\\\///////______\/\\\_______________________\/\\\/////////________\/\\\___________/\\\/_____________/\\\/_______\/\\\\\\\\\\\\\\\_    
     _\/\\\_________________\/\\\__________/\\\\\\_____\/\\\_____________\/\\\_______________________\/\\\_________________\/\\\_________/\\\/_____________/\\\/_________\/\\\/////////\\\_   
      _\/\\\_________________\/\\\________/\\\////\\\___\/\\\_____________\/\\\_______________________\/\\\_________________\/\\\_______/\\\/_____________/\\\/___________\/\\\_______\/\\\_  
       _\/\\\______________/\\\\\\\\\\\__/\\\/___\///\\\_\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\___________\/\\\______________/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_\/\\\_______\/\\\_ 
        _\///______________\///////////__\///_______\///__\///////////////__\///////////////____________\///______________\///////////__\///////////////__\///////////////__\///________\///__
_\///__

Index page A Simple and clean pizza ordering web app built with javascript,vite and firebase ..

I have use neobrutalism ui to make it clean and attractive .

It also has admin-dashboard to manage all orders .

Visit Pixel Pizza

• Add items in your cart
• Increase quantity of the item
• overall price calculation
• order with one click
• admin dashboard
• edit status form the admin page
• view all data in admin page
• check all and today's orders
• completed and pending order status

• html
• css
• javascript
• vite
• firebase

svg icons were taken from bootstrap icons https://icons.getbootstrap.com/

some example images like pizza img , deliver boy img taken from internet , i forgot the source google.com

I have used chat gpt also to debug some of my code for backend mainly . https://chatgpt.com/

I have also used grid generator to generate grid but very less use and also it was confusing tho it is better to create your own https://cssgridgenerator.io/

VITE_FIREBASE_API_KEY=your_firebase_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_firebase_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_firebase_app_id
 _id
 

change this api keys to your own api you can get it from firebase.com

For more info https://firebase.google.com/docs/web/setup

order menu with cart

admin dashboard

order details