Skip to content

A clean and minimal productivity-focused website designed to help users concentrate better, featuring a distraction-free layout, smooth UI, and simple interactive elements built with modern frontend practices.

Notifications You must be signed in to change notification settings

Varadraj75/FocusWebsite

Focus Study Dashboard

A distraction-free, motivating study dashboard for JEE/NEET aspirants. Built with React, Tailwind CSS, and Firebase.

Features

  • Subject Timers: Track study time for Math, Physics, Chemistry, etc.
  • To-Do List: Manage daily tasks and goals.
  • YouTube Player: Watch lectures without YouTube's distracting sidebar.
  • Notepad: Quick notes with autosave and .txt download.
  • Calendar: Monthly view with event tracking.
  • Dark Mode: Toggle between light and dark themes.
  • Responsive: Works on mobile and desktop.

Setup

  1. Install Dependencies

    npm install
  2. Firebase Configuration (Optional)

    • Create a project in Firebase Console.
    • Enable Authentication (Email/Password).
    • Create a .env file based on .env.example and add your config.
    • Note: The app works with LocalStorage fallback if Firebase is not configured.
  3. Run Locally

    npm run dev
  4. Build for Production

    npm run build

Tech Stack

  • React (Vite)
  • Tailwind CSS
  • Lucide React (Icons)
  • Date-fns (Date manipulation)
  • Firebase (Auth/Firestore)

Credits

Designed for serious students to conquer their exams. Focus today, conquer tomorrow.

About

A clean and minimal productivity-focused website designed to help users concentrate better, featuring a distraction-free layout, smooth UI, and simple interactive elements built with modern frontend practices.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

  •  

Packages

No packages published