easely

easely logo
to-do page
aura chatbot ai - based on your to-do list
home page

Inspiration

We decided to make a web application targeted towards college students, since we fit in that demographic. One issue that we deal with in our daily lives is organization and keeping track of all the assignments and tasks we need to do. We got inspired when we saw that the Canvas API could be easily used, so we could directly import students' assignments directly to our web app.

What it does

On the home page, the user's calendar and Canvas courses and assignments are displayed. The to-do page shows the user's tasks, and lets the user add/delete tasks with the "add task" and cross buttons. The Aura page allows the user to interact with our Aura chatbot to help them with their organization (e.g. breaking down a big project into smaller subtasks).

How we built it

For the planning, we used Figma to visualize what each page would like and what features they would have. We used Next.js for the app, and used the Canvas API to access the user's courses and assignments. We also used the Groq AI API to make our Aura Chatbot.

Challenges we ran into

We spent a lot of time trying to integrate the Canvas API for the courses on the home page, only to realize after all our work that they were underneath and could be seen when we scrolled down on the page. Another difficulty we had was integrating the AI into our web app, as we needed to find an AI that would allow us to use their API for free, and once we found one, we needed to figure out how to connect it into our app.

Accomplishments that we're proud of

We're proud that we learned how to use GenAI in our web app.

What we learned

For some members of the team who have barely used Next.js, they learned a lot more about how React works and how APIs can be used. For the whole team, we learned how to use GenAI in a web app.

What's next for easely

Improve the UI to make it easier for the user to navigate (e.g. make it possible for user to see their assignments while adding new tasks to their to-do list), as well as integrating the Todoist API so that the user can directly add/delete their todoist tasks from our web app.