Inspiration
This project was inspired by all of our group initially having a conversation about their daily university life and how stress filled our assignments were. All of us felt a lack of organization. We argued about what strategies work and what don't. We talked about famous note taking methods like Cornell note-taking etc. We came to a conclusion that as the world grows, there really is no organization system that is interactive enough to help maintain and enforce our productivity. Getting inspiration by concepts like Jarvis AI (from Iron Man) and layouts from neal.fun/infinitecraft we were inspired to do create ThinkFlow
What it does
A person is under burden and has everything "tangled" ThinkFlow is a tool that allows user to look at the "tangled mess" and allows user to organize themselves based on a priority mandate. Allowing individual nodes connected by dotted lines to show the interrelationship between work and the burden it causes. As we finish a task, those lines go away, lightening up the workload whilst maintaining organization in a new way, better than ever.
How we built it
Built with visualizing neal.fun/infinitecraft and prompting AI for homepage concepts to gather inspiration for the flow chart design. We took advantage of public styling and animatioin libraries to make a beautiful front end. For the back end, we connected the account system to google OAuth hosted on supabase to save time on account creation, and made an efficient communication layer between the back and front end using FastAPI which enables things like context-aware AI based on your current action plan.
Challenges we ran into
Connecting the front and back end of a fullstack application for the first time was no easy feat, but we managed to get it done. We had trouble with the way the openai api was interpreting some of the data which was causing average prompts to easily surpass 300k tokens, it took a lot fo refining to get it down. The flow chart was not necessarily hard to make, but getting the feel right and making sure it didnt feel restrictive was harder than anticipated.
Accomplishments that we're proud of
We were able to make an app with accessible design so that users could function better with the tasks at hand. Full communication with the backend and front end allows this to run smoothly, with isolation of projects from each other being achieved. Furthermore, we are proud of the account system, allowing multiple users to use the app without any spill over. Our UX design to include node flexibility to allow manual planning was also something we are proud of, as it ensures better user planning.
What we learned
- We learnt how to use cloud hosted database software (supadb and google cloud auth) which come in handy in almost any app developing endeavour
- We learnt how to efficiently connect backend functions to the frontend locally using FastAPI _ We learnt how to use public design libraries efficiently to save time during frontend dev
Whats next for ThinkFlow
Smart Planning AI, with Voice Assistance, and Focus mode that allows users to furthermore cancel distractions and allow users to go into deep focus. We also want Google Calendar integration to create an automatic workflow
Built With
- css
- framermotion
- javascript
- next.js
- openai
- python
- reactflow
- shadcn/ui
- supabase
Log in or sign up for Devpost to join the conversation.