Skip to content

ifti136/Weekly-Schedule

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

🧭 Optimal Life Balance Schedule

A dynamic, responsive weekly schedule planner designed to optimize time allocation across university studies, health routines (workout & personal care), and religious obligations (Namaj).

Built as a single-page application using modern front-end technologies delivered via CDNs, this project requires zero installation or build steps, making it incredibly easy to host and run.


✨ Features

  • Dynamic Time Configuration:
    Easily set custom times for all five daily Namaj prayers (Fajr, Zuhr, Asr, Maghrib, Isha) and daily University/Out-of-Home blocks (Sun–Thu).

  • Instant Visual Updates:
    The schedule automatically updates cell content (Namaj times) and visually highlights University blocks based on user input in the settings panel.

  • Weekly Routine Breakdown:
    Comprehensive daily schedule from 5:00 AM to 10:15 PM.

  • Workout Modals:
    Clickable buttons next to workout blocks reveal the specific routine and exercises for that day.

  • Responsive Design:
    Optimized for both mobile devices and desktop screens.


🚀 Getting Started (Zero Setup)

This application leverages CDNs for all dependencies (React, Babel, Tailwind CSS), so it runs directly from the HTML file in any modern browser.

1️⃣ Clone the Repository

git clone https://github.com/ifti136/Weekly-Schedule.git
cd Weekly-Schedule

2️⃣ Run the App

Simply open the index.html file in your preferred browser:

open index.html

Or, start a simple local server (optional):

python3 -m http.server

The application will load instantly — ready for use.


💻 Technologies Used

Technology Purpose
HTML5 Core structure
React (via CDN) Component-based UI & state management
Babel (via CDN) Compiles JSX directly in-browser
Tailwind CSS (via CDN) Modern utility-first styling for responsive design

⚙️ Customization

Open the “Dynamic Schedule Settings” section at the top of the schedule to personalize:

  • Namaj Times:
    Adjust 24-hour time slots to match your local prayer times.

  • University Block:
    Set the Start Time and End Time for each day you’re away from home (e.g., at university).
    The corresponding time slots will be highlighted in red.


🪪 License

This project is open-source and available under the MIT License.


Developed with ❤️ to promote balance between faith, study, and health.

About

A dynamic, responsive weekly schedule planner designed to optimize time allocation across university studies, health routines (workout & personal care), and religious obligations (Namaj). Built as a single-page application using modern front-end technologies delivered via CDNs.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages