{"id":15403363,"url":"https://github.com/geekelo/oti-task-organizer-webapp","last_synced_at":"2025-04-16T03:14:00.965Z","repository":{"id":175361400,"uuid":"653619438","full_name":"geekelo/oti-task-organizer-webapp","owner":"geekelo","description":"Simplify your task management with our user-friendly web application. Create, organize, and manage your to-do list effortlessly","archived":false,"fork":false,"pushed_at":"2023-12-24T13:12:39.000Z","size":575,"stargazers_count":4,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-16T03:13:51.389Z","etag":null,"topics":["completed-project","front-end-development","javascript"],"latest_commit_sha":null,"homepage":"https://geekelo.github.io/oti-task-organizer-webapp/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geekelo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-06-14T11:55:52.000Z","updated_at":"2024-01-13T03:28:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"53339dd3-8744-4e66-a258-cc1e9d0379a4","html_url":"https://github.com/geekelo/oti-task-organizer-webapp","commit_stats":null,"previous_names":["geekelo/oti-task-organizer-webapp"],"tags_count":0,"template":false,"template_full_name":"geekelo/webpack-demo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Foti-task-organizer-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Foti-task-organizer-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Foti-task-organizer-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Foti-task-organizer-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geekelo","download_url":"https://codeload.github.com/geekelo/oti-task-organizer-webapp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249188429,"owners_count":21227015,"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","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":["completed-project","front-end-development","javascript"],"created_at":"2024-10-01T16:08:09.042Z","updated_at":"2025-04-16T03:14:00.938Z","avatar_url":"https://github.com/geekelo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!--\nHOW TO USE:\nThis is an example of how you may give instructions on setting up your project locally.\n\nModify this file to match your project and remove sections that don't apply.\n\nREQUIRED SECTIONS:\n- Table of Contents\n- About the Project\n  - Built With\n  - Live Demo\n- Getting Started\n- Authors\n- Future Features\n- Contributing\n- Show your support\n- Acknowledgements\n- License\n\nOPTIONAL SECTIONS:\n- FAQ\n\nAfter you're finished please remove all the comments and instructions.\n--\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --\u003e\n    \u003cimg src=\"https://geekelo.com.ng/wp-content/uploads/2023/12/project-signature1.gif\" alt=\"signature\" \u003e\n  \u003cbr/\u003e\n\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n\u003cimg src=\"https://geekelo.com.ng/wp-content/uploads/2023/08/Screenshot-2023-08-07-112052.png\"\u003e\n\n# 📖 Oti Task Organizer WebApp\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Oti Task Organizer** is a To-Do List Web App that helps users simplify task management. With its user-friendly web application you can create, organize, and manage your to-do list effortlessly, stay productive and focused on your goals by easily adding, editing, and marking tasks as complete. With its intuitive interface and convenient features, staying organized has never been easier. Experience a streamlined to-do list management solution designed to boost your productivity and keep you on track.\n\nHead to the \u003ca href=\"#live-demo\"\u003eLIVE DEMO SECTION\u003c/a\u003e for Live links and presentations\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eES6\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://hacks.mozilla.org/2015/04/es6-in-depth-an-introduction/\"\u003eES6 stands for ECMAScript 6. ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript, it was published in 2015, and is also known as ECMAScript 2015.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eHTML\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCSS\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS describes how elements should be rendered on screen, on paper, in speech, or on other media.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eJavaScript\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Mobile Friendly** : this website performs well on a mobile device like a phone or tablet.\n- **Desktop Friendly**: this website is responsive to desktop screen sizes.\n- **Simple and Attractive Design** : the UI / UX is engaging and appealing.\n- **Functional** : this website is accessible, easy to navigate, and helpful for users.\n- **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.\n\u003c!-- - ** PopUp windows **: this features add to see the project details about each project in popup windows.\n-  ** Form validation **: this features validate the email should be lowercase for portfolio contact. --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e View the live demo of this project by clicking the text below.\n\n- [See Live Demo](https://geekelo.github.io/oti-task-organizer-webapp/dist/)\n\u003c!-- - [First Presenation Video](https://www.loom.com/share/719c333faa524c5db6930878f33b809b) --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n\u003e Clone the repository\n```\ngit clone https://github.com/geekelo/oti-task-organizer-webapp.git\n```\n\u003e And you are ready to begin your project\n\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\nThis project contains\nAn HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage\nA CSS FILE (free to edit) - file that contains css codes to style the webpage\nA GIT IGNORE FILE (free to edit) - to hide personal or private files\nHTML/CSS LINTER FILES (should not edit) - Do not make changes\nA JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML\n\n### Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\u003e You should have Node and Git Installed\n\u003e You should have basic knowledge on HTML / CSS / JavaScript\n\u003e You should have a code editor\n\n### Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\n\u003e Download install [VSCODE](https://code.visualstudio.com/) and [Git](https://git-scm.com/)\n\u003e To install linters, execute the following commands:\n```\nInitialize npm | ``` npminit -y ```\nHTML | ``` npm install --save-dev hint@7.x ```\nCSS | ```npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x  ```\n```\n### Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\nTo run the linters, execute the following command and fix linter errors:\n```\nHTML | ``` npx hint . ```\nCSS | ```npx stylelint \"**/*.{css,scss}\" ```\nIf you get a flood of errors keep in mind that linters guide you in writing a clean code!\n```\n### Run Tests \u003ca name=\"run-tests\"\u003e\u003c/a\u003e\nYou can run this program on your browser\n\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using the following procedure:\n\n- Pick the right hosting provider.\n- Choose the tool and method to upload your website.\n- Upload files to your website.\n- Move the website files to the main root folder.\n- Import your database.\n- Check if your website works worldwide.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n👤 **Eloghene Otiede**\n\n- GitHub: [@geekelo](https://github.com/geekelo)\n- Twitter: [@Geekelo_xyz](https://twitter.com/Geekelo_xyz)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/eloghene-otiede)\n- [See Documentation of Author's inputs](./Documentation/Geekelo-input.md)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nYou can offer Contributions, submit an [issue](../../issues/), and make a feature request.\n\n## Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Add pop up modals\n- Add the contact form \n- Add more content pages\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e Please give a ⭐️ to support this project\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e I would like to thank Microverse for inspiring this project\n\u003e Fonts: [Google Fonts](https://fonts.google.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Foti-task-organizer-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeekelo%2Foti-task-organizer-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Foti-task-organizer-webapp/lists"}