DEV Community

Cover image for Github Actions for Dev Landing Page
Pavan Chilukuri
Pavan Chilukuri

Posted on

Github Actions for Dev Landing Page

My Workflow

Pushing the code to higher environment is a crucial step in the software development process. We have to make sure that all the code is clean and thoroughly tested.

Integrating Github actions was a piece of cake and I have automated running lint and tests on the application when new pull requests are created. This helps in checking for any lint errors in the code or if any test case is failing. If both the checks are done successfully, then only the code can promoted to master branch.

Submission Category:

Maintainer Must-Haves

Yaml File or Link to Code

The Yaml file and code to my workflow can be found in the below repo in .github/workflows folder.

GitHub logo chilupa / dev-landing-page

Introductory page for developers

Dev Landing Page

A minimal introductory page for developers. Feel free to make yours!

Deployment 🚀

This application has been deployed using AWS Amplify.

https://master.d1mxeizd5j5ul.amplifyapp.com

Workflow 🔧

Github workflow is setup for this project which runs lint and test cases on opening a pull request.

Application

Keeping responsiveness in mind, I have developed this app which can fit in all the devices - PCs to mobile devices.

Desktop view Mobile view
desktop-view mobile-view

Development 👨‍💻

To run the application in development mode

npm run start

Tests ⚙️

React testing library is being used for unit testing React components.

Scripts 🧰

ESLint and prettier are configured in this project.

To run lint

npm run lint

To format the code

npm run format



Top comments (0)