Skip to content

cherryontech/spoonfull

Repository files navigation


SpoonFull logo

SpoonFull

Netlify Status

According to the World Health Organization (WHO), burnout is officially recognized as a syndrome resulting from chronic workplace stress that hasn't been effectively managed. Our team's solution - SpoonFull! Inspired by the Spoon Theory, SpoonFull is a holistic solution to burnout that revolutionizes task planning by considering the user's energy level. Check it out here: SpoonFull

Table of Contents

Tech Stack

Icons for the following skills: Javascript, HTML, CSS, React, Vite,Tailwind, MaterialUI


Additional libraries used:

How It Works:

After reviewing the initial tutorial screens, the user is able to click on the "Add Task" button on the bottom of the screen to add a task. homepage screenshot


Once the button is clicked, the user is presented with a modal that allows them to name their task, select how many spoons (or energy units) this task will take to complete, and select the task's priority. add task screenshot


Tasks are then stored in the user's local storage and sorted by priority, although the user can always edit their tasks' name, spoons assigned, or priority. If no priority is selected, the task is sorted into the "Low Priority" column.
sorted tasks screenshot


Once the task is completed, the user can mark a task as done by clicking on the check box next to the task. Alternatively, the user can also delete a task by clicking on the three-dot icon on the right of the task, or by swiping to delete on tablet and mobile.
completed task screenshot swipe to delete mobile feature screenshot


Users can always review their allotment of spoons as a whole by clicking on the "Spoons" button on the top right corner of the screen. Here they will see a chart that depicts how many spoons have been used, are planned, and are available. spoons chart screenshot

Video Overview

Feel free to watch our team presentation video on SpoonFull by clicking on the image below. Throughout the video we discuss our design and tech processes, user and usability testing insights, and give a live demo of our site.

Thumbnail for the SpoonFull: Revolutionizing Wellness with Task Planning Magic!

Installation:

  1. Clone or download the repository.

     git clone git@github.com:cherryontech/spoonfull.git
  2. To set-up the front-end, install the dependencies needed by running npm install from inside the spoonfull directory.

    $ cd spoonfull
    $ npm install
  3. Start the React app:

    $ npm run dev

About the Team

SpoonFull was created by the Kiwi Kick tech squad under the CherryOnTech program. Read more about us here on our site and feel free to leave us any comments, questions, or feedback at kiwi.kick.project@gmail.com.

Thank you for checking out SpoonFull!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages