CONFIRMATION: We are officially registered team for Melbourne Hack 2021. Sourav Singh Rawat Hoang Minh Huy Luu Hong Que Vo
Inspiration
The world is full of distractions, troubles coming from everywhere like the internet, social media, and mobile devices. The world losses around 1 Trillion USD per year to loss of productivity and concentration. The insipiration for the application comes from simplicity and distraction-free environment that one needs. Soothing sounds and simple interfaces helps people to put them in a state of flow and focus on the task at hand. Its inspired by the Pomodoro method which helps you put you in a state of flow, and based on our research our brain likes to focus efficiently for a certain amount of time and take breaks in between.
What it does
The application helps you focus for the amount of time provided by the user, and take reasonable breaks between your workflow. It keeps the user focused on the task with simple sounds and distraction-free interface.
How we built it
The application uses a monolithic architecture, have a seperate API and Client, the client is built using frontend library Reactjs and the backend uses Expressjs with Nodejs runtime. The appliction can work without authentication and users can get started by just one click. However the users can also create an account that will track their tasks. The storage is hosted using MongoDB Atlas on the cloud, and the API and frontend are hosted on other hosting platforms.
Challenges we ran into
We were quite beginner but in just two days we learnt and created the entire application. One of the major challenges were prototyping the UI/UX of the application, but we used Framer to brainstorm ideas and keep the interface simple and distraction-free. Also the team is dispersed therefore communication was a huge challenge but everyone did their best to find time and work.
Accomplishments that we're proud of
We created authentication, and the entire backend of an application in just one day. We learnt Reactjs and Context API for UI and global state management in two days.
What we learned
We learnt Reactjs, UI design using Framer and Figma, we also learnt how to use Git VCS. We learnt using animation libraries such as framer-motion for React and used SASS for writing better CSS.
What's next for Octotime
Octotime can also be converted to Octoapp, we're working on making the site responsive and also creating a mobile application for better performance and availability on native devices.
Built With
- express.js
- framer
- framer-motion
- git
- github
- heroku
- javascript
- mongodb
- mongoose
- netlify
- node.js
- react
- scss
Log in or sign up for Devpost to join the conversation.