https://github.com/bocaletto-luca/modulari-webapp
Modulari WebApp A curated collection of stand‑alone, single‑file web applications built with HTML, CSS, and vanilla JavaScript — no external dependencies, no build steps, 100 % offline‑ready. Each app is self‑contained, lightweight, and easy to run locally by simply opening the .html file in any modern browser. The project demonstrates modular ...
https://github.com/bocaletto-luca/modulari-webapp
app-module bocaletto-luca html-css-javascript opensource webapp
Last synced: 4 months ago
JSON representation
Modulari WebApp A curated collection of stand‑alone, single‑file web applications built with HTML, CSS, and vanilla JavaScript — no external dependencies, no build steps, 100 % offline‑ready. Each app is self‑contained, lightweight, and easy to run locally by simply opening the .html file in any modern browser. The project demonstrates modular ...
- Host: GitHub
- URL: https://github.com/bocaletto-luca/modulari-webapp
- Owner: bocaletto-luca
- License: gpl-3.0
- Created: 2025-08-28T14:12:56.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-28T15:14:38.000Z (10 months ago)
- Last Synced: 2025-09-05T15:23:35.372Z (10 months ago)
- Topics: app-module, bocaletto-luca, html-css-javascript, opensource, webapp
- Language: HTML
- Homepage: https://bocaletto-luca.github.io/
- Size: 126 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Modulari WebApp
A curated collection of **stand‑alone, single‑file web applications** built with HTML, CSS, and vanilla JavaScript — no external dependencies, no build steps, 100 % offline‑ready.
Each app is self‑contained, lightweight, and easy to run locally by simply opening the `.html` file in any modern browser. The project demonstrates modular design principles applied to small‑scale utilities, mini‑tools, and interactive demos.
---
## Table of Contents
- [About](#about)
- [Features](#features)
- [Included WebApps](#included-webapps)
- [Planned WebApps](#planned-webapps)
- [Getting Started](#getting-started)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
- [License](#license)
---
## About
**Modulari WebApp** is designed for learners, tinkerers, and productivity enthusiasts who want quick‑loading, offline‑capable web tools without frameworks.
All applications follow a consistent standard:
- **100 % English** user interface and codebase.
- Responsive layouts for desktop and mobile.
- Clean, semantic HTML and accessible ARIA labels.
- Inline CSS and JavaScript for portability.
- LocalStorage or other client‑side persistence when relevant.
---
## Features
- 📦 **Self‑contained** — no build process, no CDN dependencies.
- ⚡ **Instant load** — just open the file in a browser.
- 📱 **Responsive** — adapts to various screen sizes.
- 🔒 **Offline‑ready** — fully functional without internet access.
- 🧩 **Modular patterns** — each app is independent and reusable.
- ♻️ **Reusable UI** — common style and component patterns across apps.
---
## Included WebApps
| Name | Description | Status |
|-----------------------|---------------------------------------------------------------|--------|
| **ShopLite** | Minimal offline store demo with product catalog and cart. | ✅ Done |
| **To‑Do Minimal** | Simple to‑do list with local storage persistence. | ✅ Done |
| **Quiz Offline** | Multiple‑choice quiz with instant feedback and scoring. | ✅ Done |
| **KanbanLite** | Drag‑and‑drop Kanban board with tags, filters, and persistence.| ✅ Done |
| **ExpenseTracker Lite**| Track expenses with category/month filters and summaries. | ✅ Done |
| **HabitTracker Lite** | Track daily habits, streaks, and completions. | ✅ Done |
---
## Planned WebApps
These are next in the pipeline, each following the same single‑file, 100 % English standard:
1. **NoteVault** — Taggable notes with markdown preview.
2. **RecipeBox** — Recipe storage with scaling and planner.
3. **StudyCards** — Flashcards with spaced repetition.
4. **TimeTracker Lite** — Track task/project time with reports.
5. **Budget Planner** — Envelope‑style budgeting tool.
6. **Local Vault** — Encrypted local data store for snippets.
7. **Inventory Home** — Home/office item inventory.
8. **Health Tracker** — Track metrics with charts.
9. **Project Wiki** — Local wiki for project documentation.
10. **SketchBoard** — Simple drawing canvas with sticky notes.
---
## Getting Started
1. **Clone or download** this repository:
```bash
git clone https://github.com//modulari-webapp.git
```
2. Open any `.html` file in your preferred web browser.
3. All apps run entirely on the client side — no server or build tools required.
---
## Project Structure
```
modulari-webapp/
│
├── shoplite.html # Minimal store demo
├── todo-minimal.html # To‑Do list
├── quiz-offline.html # Quiz app
├── kanbanlite.html # Kanban board
├── expensetracker.html # Expense tracker
├── habittracker.html # Habit tracker
└── README.md # This file
```
> Each file is a complete web application, including HTML, CSS, and JavaScript.
---
## Contributing
Contributions are welcome! You can:
- Suggest new micro‑apps to add.
- Submit improvements to existing ones (UI, accessibility, performance).
- Report issues or bugs via the [GitHub Issues](../../issues) page.
**Guidelines:**
- Keep all code and UI in **English only**.
- Maintain the single‑file structure (HTML with inline CSS/JS).
- Follow the existing coding style for consistency.
---
## License
All apps in this repository are released under the [GNU General Public License v3.0](https://www.gnu.org/licenses/gpl-3.0.html).
You are free to use, modify, and distribute them, provided you comply with the license terms.
---
**Enjoy quick, portable web tools — anywhere, anytime.**