Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mwafrika/hackerthon-webdevelopment

This project is to help demostrating or put into practice what we have learned at Microverse for the time we spent at Microverse program until now. Please have a look at my Live site and give me feedback Live Demo.
https://github.com/mwafrika/hackerthon-webdevelopment

css eslint hint html5 javascript lighthouse stylelint

Last synced: 24 days ago
JSON representation

This project is to help demostrating or put into practice what we have learned at Microverse for the time we spent at Microverse program until now. Please have a look at my Live site and give me feedback Live Demo.

Awesome Lists containing this project

README

        

# Capastone Project for the Html,CSS,Javascipt module

> This is is the project for my the first capstone at Microverse

This project is to help demostrating or put into practice what we have learned at Microverse for the time we spent at Microverse program until now. Please have a look at my Live site and give me feedback [Live Demo](https://mwafrika.github.io/Capstone-hackerthon-webdevelopment/). 🙂

## Home page

![Screenshot](https://res.cloudinary.com/ujuzi/image/upload/v1645613283/MICROVERSE/capstone-project-html-css-javascript/speakers/home_yidzgw.png)

## Featured speakers section

![Screenshot](https://res.cloudinary.com/ujuzi/image/upload/v1645612780/MICROVERSE/capstone-project-html-css-javascript/speakers/featuredSpeakers_cbeuee.png)

## Partners section

![Screenshot](https://res.cloudinary.com/ujuzi/image/upload/v1645612951/MICROVERSE/capstone-project-html-css-javascript/speakers/partners_hsnzzj.png)

## Built With

- 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

### Prerequisites

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 running, debuging, or installing dependancies to be used)

# Getting Started

#### Cloning the project

```
git clone https://github.com/mwafrika/Capstone-project-v2
```

## Getting packages and debuging with Stylelint

```
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```

##### For validation detection using Stylelint Run

```
npx stylelint "**/*.{css,scss}"
```

##### from parent source directory

## Getting packages and debuging with Webhint

```
npm init -y
npm install --save-dev [email protected]
```

##### For validation detection using Webhint Run

```
npx hint .
```

## Getting packages and debuging with Eslint

```
npm install --save-dev [email protected] [email protected] [email protected] [email protected]

```

##### For validation detection using Eslint Run

```

npx eslint .

```

## Acknowledgments

- Thanks to Cindy Shin whose design of cc global summit 2015 was used.

## License

All source code files are licensed under the permissive MIT license
(https://opensource.org/licenses/MIT) unless marked differently in a particular folder/file.

## Author

- **Mwafrika Josué** - [github](https://github.com/mwafrika), [twitter](https://twitter.com/mwafrikamufung1), [linkedin](https://www.linkedin.com/in/mwafrika-mufungizi/)