Focused

Focused is aimed to be a productivity companion, designed to help you stay focused and organized throughout your day.

Key Features (Work in Progress):

• To-Do List: Organize your tasks and goals, and track your progress with a simple and intuitive to-do list.
• Music Player: Boost your concentration with soothing lo-fi beats.
• Clock: Keep track of the time with a customizable clock. The clock is clickable if you want to change the time format.
• Calendar: Easily keep track of today's date.
• Motivational Quote: Get inspired with a daily motivational quote.
• Pomodoro Timer: Manage your work sessions and breaks with the Pomodoro technique.
• Water Tracker: Stay hydrated by logging your daily water intake.
• Weather Widget: Check the current weather conditions to plan your day better.
• Image Display: Customize your workspace by displaying your favorite photo.

Figma Design

Dependencies

• React: A JavaScript library for building user interfaces.
• Vite: A fast development build tool for modern web projects
• TypeScript: A superset of JavaScript that adds static types.

Installation

1. Clone the repository:

   git clone https://github.com/marianneindreb/focused.git
   cd focused

2. Install dependencies:

   npm install
   # or
   yarn install

Running the Project

To run the project in development mode, use the following command:

npm run dev
# or
yarn dev