Build a Pomodoro clock using Github actions!

Aishika Midder — Wed, 16 Sep 2020 07:48:14 +0000

My Workflow

My SMS Alert

My email Alert

Hey there, lovely people of the internet, this is my second post for Actions Hackathon. This time, I have built a pomodoro timer using python and implemented it using github actions. I made it keeping in mind the burnout we developers face after a certain point. 🐞

Just another normal day in our lives, when there is a huge task to complete or to finish a project or assignment on time, we end up thinking that we can drive straight through it but we get tired and exhausted. Most of us can stay focused on a task for at most 35-45 minutes, after that our mind starts wandering and you will never know where that 1 hour went missing ( give it back!!)

Here comes our saviour, drumrolls the Pomodoro technique! 🍅
The Pomodoro timer instills a sense of urgency where rather than feeling like you have endless time in the world to get things done, you know you only have 45 minutes to make as much progress on a task as possible. (It's only 45 mins, you can do it!)⏳
And breaks? You get a whole 15 minutes to chill after each 45 min session.

This technique has been extremely useful for me and I wanted to make it easy to use for the community as well. Github Actions enabled me to do the exact same and I made a beneficial use of it.

My timer implemented with the help of Github Actions sends me a notification every 45 minutes, when my work is over and every 15 minutes when my break gets over. I have used Twilio to send me the SMS on my mobile phone and Mailgun to send me the email alert.

Here's a look at my newly created Github action!

To use it for yourself, setup an account in Twilio and Mailgun. Just create the secret variables with the same names I have created and put your own information, like api keys, phone number, email etc. Set the secret variable IS_ACTIVATED to 0 to stop receiving any alerts and set it to 1 to turn on the pomodoro clock.

Submission Category:

Category 1: Wacky Wildcards
Category 2: Phone Friendly

Yaml File or Link to Code

aishikamidder05 / pomodoro-clock

pomodoro-clock

This project was built as a part of Github Actions Hackathon My DEV Post here

To use it for yourself

Setup an account in Twilio and Mailgun
Create the secret variables with the same names I have created
Just put your own information, like api keys, phone number, email etc.
Set the secret variable IS_ACTIVATED to 0 to stop receiving any alerts and set it to 1 to turn on the pomodoro clock.

After this hackathon ended, I have made this open for hacktoberfest especially for beginners.

Make sure to make valid pull requests for hacktoberfest or else your PR would be declared invalid.

I will merge your contributions if they are useful.

View on GitHub

Hope you find my post useful. Thanks for reading till the end.
Adios! ^_^

Deploy React App to Heroku using Github Actions!

Aishika Midder — Thu, 27 Aug 2020 20:10:03 +0000

My Workflow

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/

Submission Category:

DIY Deployments

Yaml File or Link to Code

aishikamidder05 / covidtrack

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.

Available Scripts

In the project directory, you can run:

`npm start`

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.

`npm test`

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 build folder.
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…

View on GitHub

Hope you find my post useful. Thanks for reading till the end.
Adios! ^_^

DEV Community: Aishika Midder

Build a Pomodoro clock using Github actions!

My Workflow

Submission Category:

Yaml File or Link to Code

aishikamidder05 / pomodoro-clock

pomodoro-clock

This project was built as a part of Github Actions Hackathon My DEV Post here

To use it for yourself

After this hackathon ended, I have made this open for hacktoberfest especially for beginners.

Make sure to make valid pull requests for hacktoberfest or else your PR would be declared invalid.

I will merge your contributions if they are useful.

Deploy React App to Heroku using Github Actions!

My Workflow

Submission Category:

Yaml File or Link to Code

aishikamidder05 / covidtrack

A simple covid-19 virus tracker built with React JS and latest JS features like ES6 (Github Actions)

Available Scripts

npm start

npm test

npm run build

npm run eject

`npm start`

`npm test`

`npm run build`

`npm run eject`