web-development-course

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

web-development-course

★ 11 Open GitHub ↗

A website for a web development training event at Arba Minch University. It is a mobile first website with popups in the mobile version of the app implemented using javascript.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web Development Course Event Website

> A website for a web development training event at Arba Minch University. It is a mobile first website with popups in the mobile version of the app implemented using javascript.

## Built With
- HTML, CSS, Javascript
- 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).

## Live Demo
[Live Demo Link](https://wuletawwonte.github.io/web-development-course)
![Web Development Course - wuletawwonte github io](https://user-images.githubusercontent.com/12524453/166140837-1fa9b326-81ac-482b-98ba-bd984c031777.png)

# Getting Started

#### Cloning the project

```
git clone  https://github.com/wuletawwonte/web-development-course.git <Your-Build-Directory>
```

## Getting packages and debuging with Stylelint

```
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
```

##### 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 hint@6.x
```

##### For validation detection using Webhint Run

```
npx hint .
```

## Getting packages and debuging with Eslint

```
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

```

##### For validation detection using Eslint Run

```

npx eslint .

```

## Authors

👤 **Wuletaw Wonte**

- GitHub: [@wuletawwonte](https://github.com/wuletawwonte)
- Twitter: [@wuletaww](https://twitter.com/wuletaww)
- LinkedIn: [LinkedIn](https://linkedin.com/in/wuletaw-wonte)
### Contributors

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!
#### Prerequisites

The basic requirements for contributing to the project

- A working browser application (Chrome, Firefox, Edge ...)
- VSCode or any other equivalent code editor
- Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking or debugging bad codes before deployment)

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- README template from [Microverse](https://github.com/microverseinc/readme-template)
- Linter setup from [Microverse](https://github.com/microverseinc/linters-config/tree/master/html-css)
- Based on this [beautiful design](<https://www.behance.net/gallery/29845175/CC-Global-Summit-2015>) by [Cindy Shin](<https://www.behance.net/adagio07>). Here is the [Creative Commons License of the design](<https://creativecommons.org/licenses/by-nc/4.0/>).

## 📝 License

This project is **[MIT](./LICENSE.md)** licensed.

web-development-course

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README