{"id":29713442,"url":"https://github.com/aymansoliman-dev/calenda","last_synced_at":"2025-07-24T02:08:20.009Z","repository":{"id":304721157,"uuid":"1019710545","full_name":"aymansoliman-dev/Calenda","owner":"aymansoliman-dev","description":"Calenda is a clean, responsive, and intuitive task management app designed for individuals and teams who value clarity, speed, and control. This Beta version, crafted for a competition, lays the foundation for a powerful, full-featured productivity platform.","archived":false,"fork":false,"pushed_at":"2025-07-14T19:34:58.000Z","size":52,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-14T23:54:51.695Z","etag":null,"topics":["crud-application","dom-manipulation","eventlisteners","flexbox","grid","localstorage","oop-principles","responsive-layout","task-manager","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://aymansoliman-dev.github.io/Calenda/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aymansoliman-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-14T18:44:50.000Z","updated_at":"2025-07-14T19:35:01.000Z","dependencies_parsed_at":"2025-07-14T23:54:55.566Z","dependency_job_id":"d5308a0a-0c9b-461e-a2d7-da55eb6bd3a6","html_url":"https://github.com/aymansoliman-dev/Calenda","commit_stats":null,"previous_names":["aymansoliman-dev/calenda"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/aymansoliman-dev/Calenda","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aymansoliman-dev%2FCalenda","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aymansoliman-dev%2FCalenda/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aymansoliman-dev%2FCalenda/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aymansoliman-dev%2FCalenda/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aymansoliman-dev","download_url":"https://codeload.github.com/aymansoliman-dev/Calenda/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aymansoliman-dev%2FCalenda/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266782701,"owners_count":23983379,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["crud-application","dom-manipulation","eventlisteners","flexbox","grid","localstorage","oop-principles","responsive-layout","task-manager","vanilla-javascript"],"created_at":"2025-07-24T02:08:16.796Z","updated_at":"2025-07-24T02:08:19.999Z","avatar_url":"https://github.com/aymansoliman-dev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# 🧠 Calenda | Beta Version\n\n**A bold step toward redefining productivity.**\n\n**Calenda** is a clean, responsive, and intuitive **task management app** designed for individuals and teams who value **clarity, speed, and control**. This **Beta version**, crafted for a competition, lays the foundation for a powerful, full-featured productivity platform.\n\n---\n\n## 📚 Table of Contents\n\n- [🚀 Vision](#-vision)\n- [⚙️ Tech Stack](#-tech-stack)\n- [✨ Features (Beta)](#-features-beta)\n- [📦 Upcoming Features](#-upcoming-features)\n- [🔗 Links](#-links)\n- [🧪 Beta Usage](#-beta-usage)\n- [🛠 Installation (for Developers)](#-installation-for-developers)\n- [🔨 Development Process](#-development-process)\n    - [🔧 Built With](#-built-with)\n- [🧠 AI Assistance](#-ai-assistance)\n- [🧱 Folder Structure](#-folder-structure)\n- [👨‍💻 Author](#-author)\n- [📌 Project Status](#-project-status)\n\n---\n\n## 🚀 Vision\n\nCalenda aims to deliver a **fully functional, beautifully designed task management platform** that balances simplicity with powerful functionality. The beta version establishes core features, setting the stage for a full product with persistent storage, user authentication, and real-time collaboration.\n\nOur mission is to empower users with a tool that streamlines task management, fosters productivity, and adapts seamlessly to individual and team workflows.\n\n---\n\n## ⚙️ Tech Stack\n\n- **HTML5**: Semantic, accessible markup\n- **CSS3**: Modular styles with custom properties\n- **JavaScript (Vanilla)**: Lightweight, class-based logic with OOP principles\n- **Material UI Icons**: Polished, lightweight icons via CDN\n- **LocalStorage**: Task persistence in the browser\n- **OOP Principles**: Modular, maintainable codebase\n\n---\n\n## ✨ Features (Beta)\n\n- ✅ **Task Management**: Add, delete, and manage tasks effortlessly\n- 📌 **Task Prioritization**: Organize tasks by priority\n- 🔄 **Drag \u0026 Drop**: Intuitive task reordering across columns\n- 🌓 **Dark Mode**: Toggle between light and dark themes\n- 📱 **Mobile Support**: Responsive design with column switching\n- 💾 **LocalStorage**: Persistent task storage in the browser\n\n---\n\n## 📦 Upcoming Features\n\n- 🔗 **Backend Integration**: REST API support via Axios for data syncing\n- 👤 **User Authentication**: Secure login and user management\n- ⏰ **Due Dates \u0026 Notifications**: Timely reminders for tasks\n- 🔁 **Undo/Redo History**: Enhanced user control over actions\n- 🧪 **Session Storage Demo Mode**: Try Calenda without saving data\n- 📊 **Admin Dashboard**: Team management and analytics\n- 🚀 **Progressive Web App (PWA)**: Offline access and mobile app-like experience\n\n---\n\n## 🔗 Links\n\n- 🧠 **Solution URL**: [GitHub Repository](https://github.com/aymansoliman-dev/Calenda)\n- 🌐 **Live Site**: [Live Preview](https://aymansoliman-dev.github.io/Calenda/)\n\n---\n\n## 🧪 Beta Usage\n\nTo try Calenda's beta version:\n\n1. Visit the [Live Preview](https://aymansoliman-dev.github.io/Calenda/)\n2. Create, manage, and prioritize tasks\n3. Drag tasks between columns for a seamless organization\n4. Toggle dark mode for a comfortable viewing experience\n5. Enjoy responsive design on mobile devices with task persistence via `LocalStorage`\n\n---\n\n## 🛠 Installation (for Developers)\n\nTo set up Calenda locally:\n\n```bash\ngit clone https://github.com/aymansoliman-dev/Calenda\ncd Calenda\n```\n\nOpen `index.html` in a browser to run the app locally. No additional dependencies are required.\n\n---\n\n## 🔨 Development Process\n\nCalenda was designed with a focus on clean architecture, mobile-first responsiveness, and performance. The project adheres to competition constraints while leveraging OOP principles for scalability and maintainability.\n\n### 🔧 Built With\n\n- **Semantic HTML5**: Accessible, structured markup\n- **CSS Custom Properties**: Modular, reusable styles\n- **Desktop-First Workflow**: Optimized for all screen sizes\n- **Flexbox \u0026 Grid**: Modern, responsive layouts\n- **Material Icons**: Lightweight, professional icons via CDN\n- **Vanilla JavaScript**: Class-based, modular code with animations\n- **Hover Transitions**: Smooth, engaging UI interactions\n\n---\n\n## 🧠 AI Assistance\n\nThis project was enhanced with OpenAI's ChatGPT as a collaborative tool for:\n\n- 🧠 Architectural brainstorming and planning\n- ✍️ Writing and refining this README\n- 🧩 Debugging JavaScript logic and DOM issues\n\nAI served as a thinking partner, with all code and design decisions handcrafted for precision and ownership.\n\n---\n\n## 🧱 Folder Structure\n\n```\n├── index.html\n│\n├── shared/\n│   ├── stylesheets/\n│   │   ├── panel.css\n│   │   ├── task-popup.css\n│   │   ├── icons.css\n│   │   ├── responsive-un pitiful.css\n│   │   └── colors-palette.css\n│   │\n│   └── objects/\n│       ├── Task.js\n│       ├── DarkThemeToggleListener.js\n│       └── MobileTabsHandler.js\n│\n├── beta/\n│   ├── beta.html\n│   ├── beta.js\n│   ├── BetaDragAndDropListener.js\n│   ├── BetaTaskColumnAddButtonListener.js\n│   └── BetaTaskCreator.js\n│\n├── app/\n│   ├── app.html\n│   ├── app.js\n│   ├── AppDragAndDropListener.js\n│   ├── AppTaskColumnAddButtonListener.js\n│   ├── AppTaskCreator.js\n│   └── NotificationsSystem.js\n│\n└── landing-page/\n    ├── landing-page.html\n    ├── login.html\n    ├── signup.html\n    └── main.js\n```\n\n---\n\n## 👨‍💻 Author\n\n**Ayman Soliman**  \nFrontend Developer\n\n- Website - [Ayman Soliman](https://bento.me/ayman-soliman)\n- Frontend Mentor - [aymansoliman-dev](https://www.frontendmentor.io/profile/aymansoliman-dev)\n- Twitter - [@a_soliman1783](https://x.com/a_soliman1783)\n\n*\"Calenda began as a competition entry and is evolving into a fully capable productivity platform.\"*\n\n---\n\n## 📌 Project Status\n\n- ✅ **Beta Complete**: Core features implemented and live\n- 🚧 **Full App in Development**: Backend, authentication, and PWA in progress\n- 🛠 **Next Steps**: Backend integration, PWA support, and enhanced features\n\n---","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faymansoliman-dev%2Fcalenda","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faymansoliman-dev%2Fcalenda","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faymansoliman-dev%2Fcalenda/lists"}