https://github.com/yash509/devsecops-news-web-app-deployment

Developed a News Web App using HTML, CSS and JavaScript, implemented the DevSecOps practices for deploying on Docker and Kubernetes using Jenkins CI/CD Pipeline.
https://github.com/yash509/devsecops-news-web-app-deployment

aws azure ci-cd cloud devops devops-pipeline devops-tools devops-workflow devsecops devsecops-best-practices devsecops-pipeline docker dockerfile gcp hcl jenkins jenkinsfile kubernetes project-repository terraform

Last synced: about 1 month ago
JSON representation

Developed a News Web App using HTML, CSS and JavaScript, implemented the DevSecOps practices for deploying on Docker and Kubernetes using Jenkins CI/CD Pipeline.

• Host: GitHub
• URL: https://github.com/yash509/devsecops-news-web-app-deployment
• Owner: yash509
• License: mit
• Created: 2024-08-17T14:43:26.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T18:21:49.000Z (2 months ago)
• Last Synced: 2024-10-12T04:20:11.498Z (about 1 month ago)
• Topics: aws, azure, ci-cd, cloud, devops, devops-pipeline, devops-tools, devops-workflow, devsecops, devsecops-best-practices, devsecops-pipeline, docker, dockerfile, gcp, hcl, jenkins, jenkinsfile, kubernetes, project-repository, terraform
• Language: CSS
• Homepage:
• Size: 1.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# DevSecOps-News-Web-App-Deployment   [![Docker Image CI](https://github.com/yash509/DevSecOps-BB-Char-React-App-Deployment/actions/workflows/docker-image.yml/badge.svg)](https://github.com/yash509/DevSecOps-BB-Char-React-App-Deployment/actions/workflows/docker-image.yml)







This is a React app which fetches the recent news from an api and renders it on the DOM without reloading the page.

I've used the concept of *Async functions* and *react hook usestate* also worked with *APIs*.

## 💻Tech Stack




![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)

![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![REACT](https://img.shields.io/badge/react%20-%23628395.svg?&style=for-the-badge&logo=react&logoColor=%2300C1D4)




### How to get the project on your local machine:

---

- Download or clone the repository

```

git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git

```

- Go to the directory

- Open news-app folder

- Open the terminal and run 

```

npm start

```

- The project will be opened in the browser




## Screenshots

![Demo1](/news-app/public/news.png)

![Demo2](/news-app/public/news1.png)




## Happy Coding!