Skip to content

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

Packages

 
 
 

Contributors