Hey there, lovely people of the internet, I have built this website using ReactJS. It is a covid-19 virus tracker(using real-time data), which I have made keeping in mind the recent rise of the deadly corona virus.
I have configured my project to be deployed on Heroku. Recently, I have been wanting to add new features to it to make the website more useful for the community. However, each time I commit and push a new change to my GitHub repository I have to push it again to Heroku to make the new changes visible.
Then recently I came to know about GitHub actions and this is where I thought of making a fruitful use of it. I have created a GitHub action which will automatically push the commit to Heroku so that I only need to push my changes to GitHub and my website gets updated on its own. Cool, isn't it?
Here's a look at my newly created Github action!
My website ran and updated the changes. It was a success!
You can checkout my website here, if you want to: https://covid-19-virus-tracker.herokuapp.com/
A simple covid-19 virus tracker built with React JS and latest JS features like ES6 (Github Actions)
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
npm run build
Builds the app for production to the
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
npm run eject
Note: this is a one-way operation. Once you
eject, you can’t go back!
If you aren’t satisfied with the build tool…
Hope you find my post useful. Thanks for reading till the end.