Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 10 days 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 (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T18:21:49.000Z (5 months ago)
- Last Synced: 2025-02-10T09:14:09.631Z (10 days 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 [](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




### 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


## Happy Coding!