This is a complete version of my Capstone project (Web Development Course Website) - Module1.
My goal here is to Build a Conference Page from scratch, focusing on building the mobile version first. take a look at what i'v built Live Demo. 🙂
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
To get a local copy up and running follow these simple example steps.
The basic requirements for building the executable are:
- A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
- VSCode or any other equivalent code editor
- Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)
git clone https://github.com/L2oukmane/Capstone-project-Conference-page <Your-Build-Directory>
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
npx stylelint "**/*.{css,scss}"
npm init -y
npm install --save-dev hint@6.x
npx hint .
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
npx eslint .
- Thanks to Cindy Shin whose design of cc global summit 2015 was used.
All source code files are licensed under the permissive MIT license (https://opensource.org/licenses/MIT) unless marked differently in a particular folder/file.