{"id":20624122,"url":"https://github.com/gardimy/mobile-first","last_synced_at":"2025-10-25T12:03:28.775Z","repository":{"id":148511210,"uuid":"617563692","full_name":"Gardimy/Mobile-first","owner":"Gardimy","description":"This is a starter exercise to create a portfolio website that can be used by multiple devices by listing the portfolio projects. And also using CSS animation makes the website more interactive. I use github pages to deploy this project. It is based on specific settings and requirements to ensure proper structure and best practices.","archived":false,"fork":false,"pushed_at":"2023-12-20T14:16:35.000Z","size":1170,"stargazers_count":8,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-08T08:24:09.812Z","etag":null,"topics":["css","eslint-config","html","javascript","linter"],"latest_commit_sha":null,"homepage":"https://gardimy.github.io/Mobile-first/","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-03-22T16:41:11.000Z","updated_at":"2023-05-22T14:49:12.000Z","dependencies_parsed_at":"2024-11-16T12:30:22.094Z","dependency_job_id":"921ab2be-14de-4ded-89a1-44277861cb39","html_url":"https://github.com/Gardimy/Mobile-first","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%2FMobile-first","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FMobile-first/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FMobile-first/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FMobile-first/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gardimy","download_url":"https://codeload.github.com/Gardimy/Mobile-first/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233761293,"owners_count":18726114,"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":["css","eslint-config","html","javascript","linter"],"created_at":"2024-11-16T12:29:46.555Z","updated_at":"2025-10-25T12:03:28.703Z","avatar_url":"https://github.com/Gardimy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Validate contact form\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\u003eValidate contact form\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# 📖Validate contact form\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e **Validate contact form** is a starter exercise to create a portfolio website that can be used by multiple\ndevices by listing the portfolio projects. And also using CSS animation makes the website more interactive. \nIt is based on specific settings and requirements to ensure proper structure and best practices. \nBy cloning this repo and running `npm install` we will have a basic portfolio with properly configured linters,  \neslint and the correct initial file structu\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\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://gardimy.github.io/Mobile-first/)\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\u003e 👤 **Mahmudur Rahman**\n\n- GitHub: [@MoyasiGinko](https://github.com/MoyasiGinko)\n- LinkedIn: [@mahmudur-rahman-a8a151257](https://www.linkedin.com/in/mahmudur-rahman-a8a151257/)\n- Twitter: [@moyasi_ginko](https://twitter.com/moyasi_ginko)\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/Mobile-first/issues/7).\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 [Microverse](https://www.microverse.org/) for teaching me these tools.\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%2Fmobile-first","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgardimy%2Fmobile-first","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgardimy%2Fmobile-first/lists"}