Dev Board 📋

Dev Board is a responsive task/project management dashboard built with plain HTML, CSS, and JavaScript. It lets a user track assigned tasks, mark them as completed, monitor an activity log, and toggle between light and dark themes — all in the browser, with no backend required.

🔗 Live Preview

Open index.html in your browser to view the dashboard locally (see Getting Started below).

✨ Features

• Task Dashboard – View task cards with project name, title, description, and deadline.
• Mark Tasks Complete – Interactive "Completed" buttons on each task card.
• Task Counter – Live count of assigned tasks displayed in the navbar.
• Activity Log – Tracks and displays a history of user actions, with a "Clear History" option.
• Live Date Display – Automatically shows the current date.
• Dark/Light Theme Toggle – Switch the dashboard's background theme with a single click.
• Responsive Grid Layout – Card-based layout that adapts cleanly across screen sizes.

🛠️ Built With

Technology	Purpose
HTML5	Page structure and markup
Tailwind CSS (via CDN)	Utility-first styling and layout
daisyUI	Prebuilt Tailwind CSS component classes (buttons, etc.)
JavaScript (Vanilla)	Interactivity — task counting, theme toggling, activity logging
Font Awesome	Icons throughout the interface
Google Fonts (Poppins)	Primary typeface
tailwind.config.js	Custom Tailwind theme configuration

📁 Project Structure

assignment-5/
├── assets/              # Images and icons (logo, board, calendar, theme button, etc.)
├── script/
│   ├── logic.js         # Core dashboard logic (tasks, counters, activity log)
│   └── second.js        # Additional interactivity (e.g. theme toggle)
├── style/
│   └── style.css        # Custom styles beyond Tailwind utilities
├── index.html            # Main dashboard page
├── main.html             # Secondary/alternate page
└── tailwind.config.js    # Tailwind CSS configuration

🚀 Getting Started

No build tools or installation are required — this is a static front-end project.

1. Clone the repository

   git clone https://github.com/Partho-Mukherjee2003/assignment-5.git
   cd assignment-5

2. Open the project Simply open index.html in your preferred web browser:

   # macOS
   open index.html
   
   # Windows
   start index.html
   
   # Linux
   xdg-open index.html

   Alternatively, use a lightweight local server (recommended for consistent asset loading), such as the Live Server extension in VS Code, or:

   npx serve .

🖥️ Usage

• View your assigned tasks as cards in the main grid.
• Click a task's Completed button to mark it done.
• Use the theme toggle button in the navbar to switch the background appearance.
• Check the Activity Log section at the bottom to review recent actions, and use Clear History to reset it.

📌 Notes

This project was created as part of an academic assignment (Assignment 5) to practice front-end development concepts including responsive layout with Tailwind CSS, DOM manipulation with vanilla JavaScript, and building an interactive UI dashboard.

🤝 Contributing

This is an individual academic project, so external contributions aren't expected. However, suggestions and feedback are welcome via Issues.

👤 Author

Partho Mukherjee GitHub: @Partho-Mukherjee2003

📄 License

This project currently has no license specified. Feel free to reach out to the author if you'd like to use it for other purposes.