Pizza Khalo is a web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, allowing users to order pizzas online. The application integrates Stripe as the payment gateway for seamless and secure transactions. Bootstrap is utilized for designing purposes to enhance user experience, and Redux is implemented for state management. Additionally, the web app provides auto-login functionality using cookies for user convenience.
- Pizza Ordering: Users can browse through a variety of pizzas and place orders with customizable toppings and sizes.
- Stripe Integration: Secure payment processing is facilitated through the integration of the Stripe payment gateway.
- Responsive Design: Bootstrap is employed for responsive and visually appealing design across various devices and screen sizes.
- State Management: Redux is utilized for efficient state management, ensuring seamless user interactions.
- Auto-Login: Users can enjoy the convenience of auto-login functionality through cookies, enhancing the user experience.
To run the Pizza Khalo web app locally, follow these steps:
-
Clone the repository from GitHub:
git clone https://github.com/your-username/pizza-khalo.git
-
Navigate to the project directory:
cd pizza-khalo
-
Install dependencies for both the client and server:
cd client npm install for server npm install
-
Set up environment variables:
- Create a
.env
file in thepizza-khalo
directory. - Add your MongoDB URI, Stripe API keys, and any other necessary environment variables to the
.env
file.
- Create a
-
Start the server:
npm start
-
Start the client:
cd ../client npm start
-
Access the web app in your browser at
http://localhost:3000
.
- Upon accessing the web app, users can browse through the available pizza options and customize their orders.
- Users can proceed to checkout, where they will be prompted to enter their payment details through the Stripe payment gateway.
- After successful payment processing, users will receive confirmation of their order.
- The auto-login feature ensures that returning users are seamlessly logged in, providing a smooth ordering experience.
Contributions to Pizza Khalo are welcome! To contribute:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes and push to your branch.
- Submit a pull request detailing the changes you've made.
For any inquiries or feedback regarding Pizza Khalo, feel free to contact us at singhalsuryansh.0306@gmail.com.
Here are some screenshots showcasing the Pizza Khalo web app: