{"id":25439360,"url":"https://github.com/clinton9ice/vue-project-store","last_synced_at":"2026-04-08T18:31:19.215Z","repository":{"id":156089272,"uuid":"488694564","full_name":"clinton9ice/Vue-project-store","owner":"clinton9ice","description":"This is a simple single page  Web Project Storage  Application Powered by Vue js and Vuex.","archived":false,"fork":false,"pushed_at":"2022-08-09T22:38:27.000Z","size":566,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-15T09:43:24.159Z","etag":null,"topics":["bootstrap","css","html","javascript","vue","vuejs","vuex","vuex-store"],"latest_commit_sha":null,"homepage":"https://todo-manager-col.vercel.app/","language":"Vue","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/clinton9ice.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":"2022-05-04T18:04:16.000Z","updated_at":"2022-09-08T14:56:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"d2618bf2-5299-47a0-bf93-bf7a2923db92","html_url":"https://github.com/clinton9ice/Vue-project-store","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/clinton9ice/Vue-project-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clinton9ice%2FVue-project-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clinton9ice%2FVue-project-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clinton9ice%2FVue-project-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clinton9ice%2FVue-project-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clinton9ice","download_url":"https://codeload.github.com/clinton9ice/Vue-project-store/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clinton9ice%2FVue-project-store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31568579,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["bootstrap","css","html","javascript","vue","vuejs","vuex","vuex-store"],"created_at":"2025-02-17T10:19:10.093Z","updated_at":"2026-04-08T18:31:19.208Z","avatar_url":"https://github.com/clinton9ice.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"Vue.Js Project Store\n============\n[![Current Version](https://img.shields.io/badge/version-1.0.7-green.svg)](https://github.com/clinton9ice/Todo-app-application) [![Live Demo](https://img.shields.io/badge/demo-online-green.svg)](https://github.com/clinton9ice/Todo-app-application) \n\nThis is a simple single page   Web application powered by Vue js and Vuex. Vuex is a store that holds the application states. \n\nInteresting feature about Vuex\n\n- Vuex stores are reactive. When Vue components retrieve state from it, they will reactively and efficiently update if the store's state changes.\n\n- You cannot directly mutate the store's state. The only way to change a store's state is by explicitly committing mutations. This ensures every state change leaves a track-able record, and enables tooling that helps us better understand our applications.\n\nTo understand more about vuex [click here](https://vuex.vuejs.org/guide/)\n\n## Tools Included in this project\n- Google icons Design\n- Bootstrap \n- Sass\n- Vue\n- Vuex\n- Javascript\n\n\n#### Main components of the project:\n- **Collection component:** This is a collection template that contains each project card from the state managment.\n\n- **Project-card component:** This is the component template that holds the data fetched directly from the state projects, and it can loop based on the number of available task\n- **Modal component:**  This is the component that holds form for creating new task.\n- **Loader component:**  This loader component is responsible for the loading effect throughout the entire page\n- **Quil Editor component:**  This is a rich text editor \"Quil\" made as component to ease the configuration so that it can easily be integrated into apps that needs it.\n\n- **temp/Alert component:** This component is in charge of every alert in the application, it pops up if there is any error or any success calls that was made.\n\n---\n\n## Setup\nClone this repo to your desktop and run `npm install` to install all the dependencies used in the project.\n\nYou might want to look into `config.json` to make change the port you want to use and set up a SSL certificate.\n\n---\n\n## Folders\n- **assets:** This holds the assets file for the project, it's a place where you can store your styling, plugin tools, images, and others.\n- **components:** This holds all the reusable component for the project.\n- **layout:** This is the base of the app. It is basically where all views are rendered.\n- **router:** This contains files that deals with our routing (linking) system which renders to the page without reloading the whole window document.\n- **store:** This folder contains files for our vuex. It is a place where all the tasks that will be created in the project dynamically are stored in the state.\n- **views:** This is where the number of pages in the project is stored.\n\n---\n\n## Usage\nAfter you clone this repo to your desktop, go to its root directory and run `npm install` to install its dependencies.\n\nOnce the dependencies are installed, you can run  `npm run serve` to start the application. You will then be able to access it at localhost:8080 if no application is runinng on that but if true then you can as well access it from localhost:8081\n\n---\n\n## Production Build\nAfter you're done editing or adding new features to the project,  you can deploy to production by runnong the following command `npm run build` to setup the file for production mode.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclinton9ice%2Fvue-project-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclinton9ice%2Fvue-project-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclinton9ice%2Fvue-project-store/lists"}