lofi-env v1.0.0

lofi-env

About The Project

Lo-fi and pixel-art themed virtual study environment, equipped with an editable lofi radio, timer, to-do list and relaxing sound effects.

Users can create an account and login to save their settings.

Check out the web application at: https://www.lofi-env.com/

Features

• User authorisation & authentication
• Simple timer
• Customisable playlist that allows users to paste in their own youtube links to listen to
• Controllable radio that plays directly from the playlist
• To-do list that allows users to input tasks and mark tasks as done
• Customisable background color via an interactive color picker
• Adjustable sound effects that allows users to craft their own ambient sounds
• CRUD operations on all features

Technologies

Frontend:

• TypeScript
• React.js
• Redux Toolkit
• Styled Components (CSS-in-JS)

Backend:

• TypeScript
• Node.js
• Express.js
• MongoDB

Deployed on: Heroku

Design and Architecture

Data Model