{"id":20624208,"url":"https://github.com/gardimy/gardimy-project","last_synced_at":"2025-10-26T12:32:01.429Z","repository":{"id":156782483,"uuid":"633021102","full_name":"Gardimy/Gardimy-project","owner":"Gardimy","description":" This project was a requirement of module one, where we learned HTML, CSS and JavaScript, also the importance of git workflows following best practices of committing early and often. The use of linters to ensure code quality follows the HTML and CSS best practices. ","archived":false,"fork":false,"pushed_at":"2023-04-28T20:15:10.000Z","size":26236,"stargazers_count":5,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-13T14:56:36.938Z","etag":null,"topics":["bootstrap5","css","eslint","html","javascript","lighthouse","stylelint","webhint"],"latest_commit_sha":null,"homepage":"https://gardimy.github.io/Gardimy-project/","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/Gardimy.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}},"created_at":"2023-04-26T15:57:00.000Z","updated_at":"2023-05-22T14:49:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"7144d844-73c5-4605-9129-d643c083bfff","html_url":"https://github.com/Gardimy/Gardimy-project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FGardimy-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FGardimy-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FGardimy-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FGardimy-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gardimy","download_url":"https://codeload.github.com/Gardimy/Gardimy-project/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234319520,"owners_count":18813552,"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":["bootstrap5","css","eslint","html","javascript","lighthouse","stylelint","webhint"],"created_at":"2024-11-16T12:30:00.261Z","updated_at":"2025-09-26T15:31:09.343Z","avatar_url":"https://github.com/Gardimy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Capstone project\nA Microverse exercise to use animation on a website\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ch3\u003e\u003cb\u003eCapstone project\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\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- [👥 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# 📖Capstone Project\u003ca name=\"about-project\"\u003e\u003c/a\u003e\nCapstone project This project was a requirement of module one, where we learned HTML, CSS and JavaScript, also the importance of git workflows following best practices of committing early and often. The use of linters to ensure code quality follows the HTML and CSS best practices. It is based on specific settings and requirements to ensure proper structure and best practices. By cloning this repo and running npm install we will have a basic Capstone project with properly configured linters, eslint and the correct initial file structure.\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\u003e This project focuses only on `linters` and `.gitignore`. and JS or Server are included in this repo.\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3.org/html/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3.org/Style/CSS/Overview.en.html\"\u003eSCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.netlify.com/\"\u003eNetlify\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- **Linters**: [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/), [Webhint](https://webhint.io/), and [Stylelint](https://stylelint.io/.)\n- **A `.github/workflows/linters.yml`** file to run linters on GitHub Pull Request.\n- **A** `.gitignore` file including `node_modules/`.\n-**Eslint**npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x\n          [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json\n      - name: ESLint Report\n\n\u003c!-- LIVE DEMO --\u003e\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://gardimy.github.io/Gardimy-project/)\n\n\u003c!-- Presentation of the Capstone --\u003e\n## 🚀 Video \u003ca name=\"Presentation\"\u003e\u003c/a\u003e\n\n- [Video Presentation Link](https://www.loom.com/share/5aeaad2512b94418b4ba02715231964c)\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\n\u003eIf you are a new developer and would like to have a basic project to start practicing your code or creating your first portfolio app-features using good practice JavaScript ,HTML and CSS : Cloning this project will give you what you need!\n\n\u003e To get a local copy up and running, follow these steps:\n### Prerequisites\n\nIn order to run this project you need:\n\n- Have [npm](https://www.npmjs.com/package/npm) installed in your project:\n  `curl -qL https://www.npmjs.com/install.sh | sh`\n\n### Setup\n\nClone this repository to your desired folder:\n\n`git clone https://github.com/Gardimy/Mobile-first`\n\nor\n\n`git clone https://github.com/Gardimy/Mobile-first` \u003c-- _Only if you have [SSH keys configured](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/adding-a-new-ssh-key-to-your-github-account) on your GitHub account_.\n\n### Install:\n\nrun the `npm install` command in your console.\n\n### Usage\n\nTo run the linters before committing any changes to your code, execute the following commands:\n\n`npx hint .`\n`npx stylelint \"**/*.scss\"` \u003c--_NOTE: this repo is set up to use with SCSS. If you would like to use CSS, you must replace `\"**/*.scss\"` with `\"**/*.{css,scss}\"` in **line 48** of the `.stylelintrc.json` file, and run the linter with:_\n\n`npx stylelint \"**/*.{css,scss}\"` _instead_.\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\u003e 👤 **Gardimy Charles**\n- GitHub: [@Gardimy](https://github.com/Gardimy)\n- Twitter: [@gardyelontiga45](https://twitter.com/gardyelontiga45)\n- LinkedIn: [Gardimy charles](https://www.linkedin.com/in/gardimy-charles)\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ESLint](https://eslint.org/).\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/Gardimy/Gardimy-project/issues/2).\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e If you like this project please give me a star on GitHub.And Don't hesitate to follow me on github, you will have the opportunity to get all updating available for this project.\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e I would like to thank [Cindy Shin](https://www.behance.net/adagio07) for Preparing this guideline which help me build my Website.\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT license](https://choosealicense.com/licenses/mit/) licensed.\n\n_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgardimy%2Fgardimy-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgardimy%2Fgardimy-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgardimy%2Fgardimy-project/lists"}