-
👩💻 We, specifically computer programmers rarely take out time to work on our health while browsing. We get so much engrossed in "writing code" that we often forget to drink water, sit straight or even blink eyes.
-
💻 Often, Computer Science students and working professionals spend most of their time sitting on the desk. The continuous period of physical inactivity required with a desk job poses a constant threat of chronic back, neck and arm pain, in addition to lethal conditions of congestive heart failure and stroke.
-
🚴♂️ Due to long stretches of work, we frequently neglect basic tasks required for sustenance, such as drinking ample amount of water, relaxing our eyes, and exercising enough.
-
🧘♀️ Meditation is a proven way to improve efficiency and reduce stress at work. Sadly, a lot less people have the adequate knowledge of performing it.
Slazy is a chrome extension that can be used to keep a track of required daily health goals for a better living. It sends reminders at regular intervals to complete these goals. Keeping in mind the 9 to 5 work culture, it has a collection of desk exercises, meditation techniques and mental health support.
-
✅ Tracker: It helps keep a weekly record of daily health activities including: 💤 Sleep for 8 hours, 🍸 Drink 8 glasses of water, 🍎 Eat at least one fruit, 🏃 Exercise at least 30 minutes. Completing daily tasks helps in the fostering of healthy habits.
-
⏰ Reminders: Notifications are sent on regular intervals that will remind you to perform daily tasks. These tasks include:
- Drink Water: Every 45 mins
- Blink: Every 20 mins
- Fix Posture: Every 30 mins
- Stretch and Walk Around: Every 90 mins
-
🏃♀️ Exercises: This page gives you a curated list of exercises you can do on your desk 🖥️ Additional equipment isn’t required, hence you can comfortably take a well-deserved break and commit time to your physical well-being 💆♀️.
-
🌸 Meditation: Meditation page details poses with the right practices for you to begin your meditation journey 🧘♀️, so that you can balance stress and your health better with work.
-
🌱 Mind Corner: To break the taboo on mental health related discussions 💭, mind corner talks about and promotes information on common problems and disorders.
-
☎️ Helpline: It’s important to remember that you’re not alone. If you’re struggling or know someone who has been, helpline page gives you numbers sorted by the country of residence 📲.
- Extension: HTML, CSS, JavaScript
- Website: HTML, CSS, JavaScript
- Deployment: Github Pages
- Tools: Git
We used github to collaborate and create this project in multiple ways:
-
1⃣ Collaboration with Pull Requests and Issues: We were a team of three members. Therefore, we created detailed Pull Requests to collaborate over this project. Moreover, all the bugs/features were dealt using Issues. We also requested Reviews on the PRs so that the changes could not break the product.
-
2⃣ Collaboration with Project: Recently, we came accross Github Projects. For this hack, we utilized Github Projects to keep a track of each one's progress. We created different sections: ToDo, In Progress, Under Review, Finished and Video for the perfect team collaboration. You can check our Project here. The complete process was automated and on attaching the Project to the PRs, they were transferred to the ToDo column.
-
3⃣ Branch Usage: Since we had two products, a chrome extension as well as a website, we initially thought of creating two repostories. But smartly using branches, helped us store our code without using two repos. The extension is stored on the
masterbranch and the website is on thewebsitebranch. After using the branches, it was quite easy for us to create PRs. -
4⃣ Github Pages: Our Website is deployed at https://savi-1311.github.io/Slazy/ using Github pages. It was very simple to set up and host the
websitebranch. -
5⃣ Github Wiki: We also utilized the Github Wiki to explain how to setup the project locally. You can check the wiki here.
-
6⃣ Github Workflows: As a bonus, we also utilized Github workflows to assign labels to the PR to make the repository more readable.
-
7⃣ Github Templates: The Pull Requests and Issues already have a template. Just try to raise an issue, you will be prompted to choose between two options: Feature/Bug. The templates are created using yaml file. Apart from that, we have also added MIT License and the ReadMe file.
❗️Enabling multiple alarms: We had alarms/notofications at specific intervals of 20,45,30 and 90 mins. But all the alarms were going off at once. It was difficult to test them as a lot of patience was required to wait for alarms to trigger with time. Finally, with conditional statements and a lot of stackoverflow answers, we could get it solved.
❗Scrolling to different sections, adjusting the scroll button alignment and animation, and fixing content with the cards were tricky. But with some tweaks, we finally managed to cover those errors.
We could complete both the website and extension in the stipulated time. We had divided the work among ourselves. Time management played a crucial role in finishing this hack.
Creating Notifications: It was our first time building a notification system for the extension. It is indeed a great feature and over this weekend we understood how to use it.
Creating PRs in Github: For us, Pull Requests ususally meant forking and merging in the master branch. But, for the first time, we collaborated over a project and understood the importance of proper nomenclature of branches, PRs and Issues. It was important to have practices based on industry standards.
Projects in Github: For the first time, we used Projects in Github. It was initially new to set up but after we got the hang of it, collaboration an dividing tasks were super simple.
- Custom Reminders
- Custom daily goals
- Backend system for users to put up their own blogs in the mind corner section.