ItsOverAnakin

https://www.youtube.com/watch?v=oW2XISlo-Bw&feature=youtu.be

Inspiration

We asked our parents what their greatest struggle was when working from home, and we got a general consensus: employees often work for prolonged periods of time without taking a break, and have a tendeny to overwork. Based on personal experience, we often lose track of time when concentrating on our work, yet we get distracted easily by a notification of any sort. We thought, why not make use of this and notify the user to take a break if they have been working for too long.

What it does

When the user starts working, they log into a web app and a timer starts. The user will get a notification that it is running and can close the program and it will run in the background. It can be accessed through the tray. [right click on the tray as well]. Every once in a while, the app will give a notification and prompts the user to take a survey to customize the user experience and create charts. After a certain amount of time passes (deemed a reasonable limit), the app will notify the user to take a break by opening a website. This website has a meme generator to help the user relax, and some inspirational quotes to help guide them on the right path.

How we built it

Our web-app’s backend runs on Python Flask which is used to manage the database, as well as the log-in/sign-up system. We use Jinja2 for our template renderer to directly render information, such as name and hours worked, directly from the back end on the front end. The local component uses Electron, which is cross-platform and uses NodeJs alongside with HTML/CSS and JS. We also used many Google Cloud services like App Engine, Cloud SDK, Cloud Firestore, and Firebase Authentication in our hack. For the websites, we used chart.js to create charts and for the meme generator, we used Autocode to generate an array of gifs from Giphy, and then used Axios to transfer this data to javascript.

Challenges we ran into

Tracking processes was one of our main challenges. We had to find a way to get a list of all the processes running on the machine, and then remove the unnecessary ones. Accessing an array generated by an Autocode webhook along with getting useful data from a massive multidimensional array was also tough.

Technologies Used

Python
- Flask
NodeJs
- Electron
HTML/CSS/JavaScript
Google Cloud Platform
- App Engine
- Cloud SDK
- Firebase Authentication
- Cloud Firestore
Autocode
Chart.js
Axios

Accomplishments that we're proud of

We are proud of creating a database of desired apps, which the employer could customize, allowing the app names to be matched with computer processes. A second accomplishment was combining so many different tools and technologies into one working product. Another feat was successfully using Autocode, a tool we had 0 prior experience with.

What we learned

We learned to make use of the tools provided by sponsors, which made certain components much easier to create. We also realized that planning ahead and dividing up the parts allowed us to work efficiently. Our most important takeaway though is to have fun with the project without burning yourself out.

Links (because try it out minifies urls)

https://itsoveranakin.tech/login

https://itsoveranakin.tech/download

Meme generator: https://itsoveranakin.tech/break

What's next for ItsOverAnakin

Professional customization: Obviously our silly star wars theme will be removed in favour of a more professional theme, but still retain its main goal, to alleviate user's built-up stress. User improvement: Will track the user's usage each day and show how they improved over time. Machine learning: Get some accurate results on users’ productivity and how to increase output whilst also avoiding burnt out.