Skip to content

Balans - final project#151

Open
marinalendt wants to merge 116 commits intoTechnigo:mainfrom
marinalendt:main
Open

Balans - final project#151
marinalendt wants to merge 116 commits intoTechnigo:mainfrom
marinalendt:main

Conversation

@marinalendt
Copy link
Copy Markdown

@marinalendt marinalendt commented Mar 7, 2026

Welcome to my app Balans!

Frontend: Netlify: https://final-project-balans.netlify.app
Backend: Render: https://project-final-balans.onrender.com

Balans is a mobile-first web app for people who need to manage their daily energy carefully. Inspired by Spoon Theory — a framework often used by people with chronic illness (depression, burnout etc) to describe limited energy resources — Balans helps you plan your day around how much energy you actually have, not how much you wish you had.


The Problem

People living with chronic fatigue or energy-limiting conditions often struggle to plan their days in a way that respects their capacity. Traditional to-do apps treat all tasks as equal and don't account for energy cost. Balans fills that gap by letting you log your current energy, plan activities based on what drains or restores you, and reflect on patterns over time.


Features

  • Energy check-in — Log your energy level (1–10) at the start of each day using an interactive battery visualisation
  • Activity planner — Add activities to your day, each tagged as energy-draining or energy-restoring, with a cost/gain value
  • Day summary — See a breakdown of your planned day and get a personalised tip from the mascot based on your energy balance
  • History — Review past days and track your energy patterns over time
  • Custom activities — Add your own activities (private to your account) alongside the built-in defaults
  • Animated mascot — EnergyBlob reacts to your energy level with different expressions and animations
  • User accounts — Register, log in, and keep your data private with JWT-based authentication

Tech Stack

Frontend

  • React + Vite
  • styled-components (with CSS custom properties for theming)
  • Framer Motion (animations)
  • Zustand (global state)
  • React Router
  • Phosphor Icons

Backend

  • Node.js + Express
  • MongoDB + Mongoose
  • bcrypt (password hashing)
  • Babel + Nodemon

Deployment


What's Next

  • Mood tracking alongside energy levels
  • AI-powered suggestions based on your personal energy history
  • Weekly and monthly energy overview charts
  • Adding a calender to plan a week ahead
  • Checkboxes in history, to be able to check the activities you completed in the end om the day

About the Name

Balans is the Swedish word for balance — because the goal isn't to do more, it's to find the balance that works for you.

…e saved both locally(localStorage) and globally(userStore).
…namefield, so the user can write in it directly.
Copy link
Copy Markdown
Contributor

@HIPPIEKICK HIPPIEKICK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really good job with your final project!
You've implemented a lot of functionality in this project so be proud! However, there are some small bugs that I think you should have a look at when you have time:

  • I can't find a way to edit a saved day
  • It was difficult to find my way to the history, maybe a link to this would be good
  • It would be nice with some buttons to edit and save the note for a day

Overall you're reaching the requirements so I'm approving 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants