Jared!
Dark theme projects view
Light theme projects view
Calendar view of tasks

Flex Task

Flextask is an AI powered time management app that will make your hard project ideas more feasible by breaking it down for you into more manageable tasks.

Try it here:

https://flextask.app

Inspiration

Imagine this scenario: You have a million dollar idea, you’re making the next Tiktok, Youtube, Instagram. Working on it is going to prove that you’re a 10x software engineer, and it’s only a matter of time until you’re the CEO of the next big tech startup.

So you then sit down at your desk, ready to start bringing your idea into reality… You’ve got your favourite code editor open, with an empty repository, everything is all good to go, and yet you’re still sitting at your desk ready to start bringing your idea into reality…

At this point, you’ve got Google open, nothing in the search bar, the latest Javascript web framework has just come out and you’re just deciding if you want to invest time searching up documentation for it. But now you’ve got your code editor, and web browser open, and you’re still sitting at your desk, staring at your screen, ready to start bringing your idea into reality…

It’s only a matter of time until some starting point comes to you… Right? You’re not overwhelmed, you’re just stuck… But maybe you are overwhelmed, and that’s making you stuck.

One of the trickiest aspects of project task management, be that for work, school or leisure is breaking it down into manageable chunks. It’s often common to be completely overloaded with ideas, but no feasible first steps on how to start working on them.

It can be so difficult to balance the execution and organisation of a project in fact, that there is even a common job role for it in many industries. Project managers coordinate the logistics of all parts of a given project. From inception of idea, to management of timelines, to coordinating how tasks are split up, its understandable why many people feel overwhelmed managing their own projects.

What if we could simplify the whole process? From idea conception, through to task splitting, and timeline management into one neat tool?

What it does

Flextask is an AI powered time management app that will help you manage your project by breaking it down into more manageable tasks. We provide the user with an intuitive interface, prompting them for information about their project and generating the tasks with an OpenAI query. Once the tasks are generated, the user can tweak the provided tasks to their liking. Flextask uses the Google Calendar API, allowing the user to effortlessly integrate the given tasks into their daily life.

How we built it

Our app was built using FastAPI (backend), MongoDB (database), and Tailwind, Vite and React (frontend). We integrated with the Google Calendar API in order to create and update a calendar for the user, and worked with the OpenAI API to query ChatGPT for the project We developed an algorithm that would query the OpenAI API with a narrow prompt.This allowed us to limit the AI’s response to a JSON format, so that we could effectively manage the data using our backend. We managed the scope of the AI output by restricting token limits, faking a general conversation, and feeding user input to create the projects.

Challenges we ran into

Creating general schemas for each object in the database
Configuring the ChatGPT template to get accurate and consistent responses
Understanding and implementing Google Calendar integration

Accomplishments that we're proud of

We are proud of the way our team came together in order to contribute significant amounts to the project. Despite the many challenges we faced, we managed to adapt and work together to solve whatever we came across.

Our tech stack for this project was quite complex. All of our team members had to learn new technologies (MongoDB, FastAPI, etc) and integrate all of them together. We also worked together to learn several new, complex APIs, which we are proud to have understood to the point of being able to create an app that functions extremely well.

What we learned

Creating Flextask has taught us an enormous amount about fullstack web development. We have honed our experience with React, Tailwind and Vite on the frontend. In the backend, we learned how to use MongoDB to manage our database, as well as how to effectively utilise the OpenAI and Google Calendar APIs. During development we learned an immense amount about the power and limitations of our chosen AI.

What's next for Flextask

In the future, we plan to further streamline and extend our AI powered interface, enhancing the experience with a more natural conversational flow when describing project details, tasks and timelines.

Built With

cloudflare
fastapi
google-calendar
mongodb
openai
react
tailwind
vite

Submitted to

UNIHACK 2023

Created by

I contributed to all aspects of Flex Task, whether that be the frontend page designs (in React), backend API route creation (in FastAPI), the voice-over in the video (yes that's me!), our database (MongoDB) or even debugging and helping other teammates out.

This was a very great team to work with, and once our team was motivated and all on the same page, we got a lot done!

Davit Gogiberidze
Bachelor of Computer Science Advanced (Honours). I enjoy the art of creative programming and development. I also make music in my free time
I worked on the backend, building API endpoints with FastAPI. I was responsible for implementing the User schemas, and user authentication through Firebase Auth and syncing frontend authentication data with the backend user database (Redux, FastAPI, and MongoDB).

Coming together and being a part of this amazing team was one of the best experiences of my time at Uni. It was great to see everyone rising up to the challenge and contributing in a massive way :)

Thien Autran
I’m a passionate programmer. Constantly looking to learn new things, and make a positive impact on the world
Contributed to the backend. Used FastAPI to create endpoints, wrote functions for querying and writing to our MongoDB database, helped teammates debug, and set up SSL for our backend server.

This was my first hackathon. The team cohesion was strong, and overall it was a wonderful experience

Andy Ouyang
I contributed to a large portion of the frontend design, whether it be allowing users to authorise using google, adding page transitions, calling the backend to allow for your tasks to be displayed on correct dates in our calendar view, and even just the design of the pages itself.
I even helped provide stock footage to really improve the viewing experience of the pitch

Jared Tucker
I contributed to the backend, implementing Task and Project schemas and their api endpoints. I also implemented functionalities to interact with google calendar API. This was the first time I participated in a hackathon, I learnt a lot of new tech skills, such as fastAPI, MongoDB and how to building API endpoint. My teammates were all helpful and motivative, they helped me a lot in understanding these tech and debugging. It was a great experience!

Yue Yao Yan
This was my first (serious) hackathon participation. I worked on the backend, implementing the endpoint for querying the OpenAI API.

Christos Karamanos