An open API service indexing awesome lists of open source software.

https://github.com/notharshhaa/zomato-clone

This repository is a full-stack food delivery application inspired by Zomato. It includes a React.js frontend and integrates DevSecOps practices to ensure a secure and automated deployment pipeline.
https://github.com/notharshhaa/zomato-clone

devsecops devsecops-best-practices devsecops-pipeline reactjs zomato-app zomato-clone zomatoclone

Last synced: about 1 year ago
JSON representation

This repository is a full-stack food delivery application inspired by Zomato. It includes a React.js frontend and integrates DevSecOps practices to ensure a secure and automated deployment pipeline.

Awesome Lists containing this project

README

          

# šŸ½ļø **Zomato Clone: Secure Deployment with DevSecOps CI/CD**

![Zomato Clone](https://miro.medium.com/v2/resize:fit:1400/format:webp/1*X_hm5iF0NRjbOZHB6RQIFA.jpeg)

šŸš€ **A full-stack Zomato Clone with DevSecOps integration for a secure and scalable deployment.**

This **Zomato Clone: Secure Deployment with DevSecOps CI/CD** repository is a **full-stack food delivery application** inspired by Zomato. It includes a **React.js frontend** and integrates DevSecOps practices to ensure a secure and automated deployment pipeline.

## šŸ”¹ **Key Features:**

āœ… **User-friendly UI** – Interactive menu, checkout, and order tracking.
āœ… **Secure DevOps Pipeline** – CI/CD automation with security checks.
āœ… **Optimized Deployment** – Uses containerization & cloud hosting.
āœ… **React.js-Based Frontend** – Built with Create React App.
āœ… **Production-Ready** – Includes build optimizations & best practices.

> This repo is a great **learning project** for those interested in **DevSecOps, CI/CD, and secure web app deployment**. šŸš€

šŸ”— **Read the detailed blog post:** [Zomato Clone - Secure Deployment with DevSecOps CI/CD](https://blog.prodevopsguytech.com/zomato-clone-secure-deployment-with-devsecops-cicd)

## šŸ“ø **Project Screenshots**

| Home Page | Menu View | Checkout Page |
|-----------|----------|---------------|
| ![](https://miro.medium.com/v2/resize:fit:750/format:webp/1*xVxk3tSbk9yA6hel60t13g.png) | ![](https://miro.medium.com/v2/resize:fit:750/format:webp/1*KOwp6K2sOcSmDyk9Axnvhw.png) | ![](https://miro.medium.com/v2/resize:fit:750/format:webp/1*t1x_F_qwHI6anvRHS59OxA.png) |

---

## šŸ› ļø **Getting Started**

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

### šŸ”§ **Prerequisites**

Ensure you have **Node.js** and **npm** installed.

```sh
node -v # Check Node.js version
npm -v # Check npm version
```

### šŸ“¦ **Installation**

Clone the repository and install dependencies:

```sh
git clone https://github.com/your-repo/zomato-clone.git
cd zomato-clone
npm install
```

### šŸš€ **Running the App**

Start the development server:

```sh
npm start
```

šŸ”— Open [http://localhost:3000](http://localhost:3000) in your browser.

---

## šŸ“œ **Available Scripts**

| Command | Description |
|---------|------------|
| `npm start` | Runs the app in development mode |
| `npm test` | Launches the test runner |
| `npm run build` | Builds the app for production |
| `npm run eject` | Ejects the default configuration (irreversible) |

For more details, check the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

---

## 🚢 **Deployment**

### šŸ”„ **Build for Production**

```sh
npm run build
```

šŸ“‚ The app is built in the `build/` folder, ready for deployment.

### šŸŒ **Hosting**

You can deploy this project on:

- **Vercel** ([Docs](https://vercel.com/docs))
- **Netlify** ([Docs](https://docs.netlify.com/))
- **AWS Amplify** ([Docs](https://docs.aws.amazon.com/amplify/latest/userguide/welcome.html))

---

## šŸ“š Learn More

- šŸ—ļø [React Documentation](https://reactjs.org/)
- ⚔ [Code Splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
- šŸ” [Analyzing Bundle Size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
- šŸ“² [Making a Progressive Web App](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

---

## šŸ¤ **Contributing**

Contributions are welcome! If you'd like to improve this project, feel free to submit a pull request.

---

## **Hit the Star!** ⭐

**If you find this repository helpful and plan to use it for learning, please give it a star. Your support is appreciated!**

---

## šŸ› ļø **Author & Community**

This project is crafted by **[Harshhaa](https://github.com/NotHarshhaa)** šŸ’”.
I’d love to hear your feedback! Feel free to share your thoughts.

---

### šŸ“§ **Connect with me:**

[![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/harshhaa-vardhan-reddy) [![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/NotHarshhaa) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=for-the-badge&logo=telegram&logoColor=white)](https://t.me/prodevopsguy) [![Dev.to](https://img.shields.io/badge/Dev.to-0A0A0A?style=for-the-badge&logo=dev.to&logoColor=white)](https://dev.to/notharshhaa) [![Hashnode](https://img.shields.io/badge/Hashnode-2962FF?style=for-the-badge&logo=hashnode&logoColor=white)](https://hashnode.com/@prodevopsguy)

---

### šŸ“¢ **Stay Connected**

![Follow Me](https://imgur.com/2j7GSPs.png)

---

### šŸŽ‰ **Happy Coding!** šŸš€