TimeBlock

• 

  TimeBlock page

Inspiration

My inspiration for TimeBlock comes from my personal struggle in managing time. I can go on and on, spending hours on a single project, eventually neglecting all my other commitments and tasks. This inspired me to create TimeBlock, a website that lets users input their tasks in order to better manage their time. The built in AI tool helps users set how many hours they need to spend on one task, so that they can stay true to all their commitments and tick off all their to-dos.

What it does

TimeBlock is a website that lets you organize and track all your to-dos in one place. Just enter your task title, urgency, difficulty, and importance. Then let our AI take over! It will recommend how long each task should take and the best time to get it done. So, make sure your task titles are clear because TimeBlock will tailor its recommendations based on what you’re working on.

Got a meeting or class during the suggested time? No worries! Just drag and drop your tasks—or as we like to call them, "blocks"—right into your custom schedule. Easy, right?

How I built it

TimeBlock uses react.js, react big calendar, axios, react dnd, and CSS to build the front end, and node.js, express,js, groq sdk, and dotenv to support the backend.

I used VS Code as my editor of choice and worked on TimeBlock almost every day, building little pieces of TimeBlock until it became complete. As an individual competing in this hackathon, I wanted to still deliver the best possible product even though I am doing this alone.

Challenges we ran into

The biggest challenge I ran into is when working on the frontend, especially working on the cards -- or as I like to call them, "blocks". I had to familiarize myself with a lot of new libraries in order to bring the vision I had of TimeBlock to life.

Accomplishments that I am proud of

I am very proud of completing TimeBlock as a whole before the hackathon deadline, and I am especially proud that I was able to combine the AI aspect to this website.

What I learned

Whilst working on TimeBlock, I learned even more about javascript, llama, and a lot of other technical things. Beyond that, I also learned how to manage my time in order to complete this project while also juggling other responsibilities at home and in university.

What's next for TimeBlock

My future vision for TimeBlock is developing it into a mobile app for easier access for users, where users can input all their tasks on the go. I would also like to develop TimeBlock to be able to send push notifications to remind users of their scheduled tasks.

Built With

• and-css-to-build-the-front-end
• and-node.js
• axios
• css
• dotenv
• express.js
• groq
• groq-sdk
• javascript
• node.js
• react-big-calendar
• react-dnd
• react.js
• timeblock-uses-react.js