Steps

No more time spent on making to-do lists!

Comment

Steps, The To-Do List Generator

Instead of procrastinating on the work that you are supposed to do, what if a steps generator planned it all out for you?

Link to Website

The Problem

Waste of time and productivity due to excessive planning or not knowing what to begin with

The Solution

Using an AI-powered step generator application, users will get a detailed walkthrough for that task by telling the app what they want to do

The Value we bring

Tailored prompts

Instead of having to experiment multiple times with ChatGPT before getting the perfect To-Do List, users can now simply enter what they want to do: Our application creates a prompt to generate a To-Do list that is simple, concise, and not verbose.

Feeling overwhelmed by the amount of work to do?

Don't worry, our application splits that huge pile of work into tiny, actionable steps: With Steps, your task will feel more doable, while you're able to visually track your progress thanks to the progress bar! You'll get through your work, one step at a time :)

Less time planning, more time doing

In Solo, Steps helps increase your productivity by allowing you to make on-the-spot to-do lists for your different activities, thus reducing the time spent thinking about how to realize that activity.

In a team setting, Steps helps shorten the planning and brainstorming sessions: No need to think of the different action items needed for your project; Steps lays it all out for you.

Simple Interface

Simple, intuitive, and straight to the point; to make the user the less overwhelmed possible about their jobs.

How it will work

  • The user gives their input
  • The app generates (from that input) a prompt to use Open AI
  • The app calls the Open Ai APi with that prompt
  • The app processes the Open AI response and displays it to the user

Architecture

image

Project Structure

image

client -> Front-end | React.js, Tailwind

server -> Back-end | Node.js, Express.js

Technical difficulties we ran into

  • The Open AI API does not authorize non-secret API keys on a public repository; having never set a variable as a secret before, and having an unfamiliar structure for our project (client and server split apart), it was tough for us to figure out how to set the API key as a secret.

  • Open AI only returns text, which can not be efficiently parsed and processed: For our next steps, we plan to prompt Open AI to make its result a JSON file, which makes the processing of the response much easier

  • Some of us were not familiar with all the technologies in our tech stack, adding a learning curve to our project

Next steps

Check our Figma prototype!

  • Check list
  • Progress bar

What we learned

  • How to connect a backend server and a front-end client with an express
  • How to use the Open AI API
  • How to set an environment variable as a secret variable
  • Some of us learned React and Node.js

Built With

Share this project:

Updates