Grocery Website

Groci Store is an Online Grocery delivery Application built with the latest technologies both on the frontend as well as on the backend. The full-stack application provides a seamless experience because of Minimal/Modern UI and Technology. This application solves the problem of working professionals who are too busy to go to the grocery store.It is an easy-to-use and E-Grocery platform which allows users to buy fresh and high Quality Grocery easily.

Features

• Cards for products
• Managing product using Cart
• Google Auth For users
• Easy to add products using API for Admin
• Payment Gateway to allow users to pay online (Stripe Payment)
• Responsive Design to give better user experience
• Firestore Database that adds products after successful payment
• Checkout Page where you can add or remove products from the basket
• Returns and orders page that help you to see your previous orders
• Simple and attractive UI that enhance User experience

Technology Used

• NextJs
• Material UI
• Tailwind CSS
• Firebase
• Stripe Payment Integration

Screenshots

Responsive Design

Installation Steps

Using npm

Run commands

1. npm install

2. npm run dev

Or using yarn

Run commands

1. npm install --global yarn

2. yarn install

3. yarn run dev

🔗 Links

Make sure to put your environment variables to make the website working in your local machine