Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/stephnna/skillhub-academy

This project is a prototype of an online learning platform where a learner can learn a giving skill thought by porofessionals.
https://github.com/stephnna/skillhub-academy

css3 html javascript linters

Last synced: 14 days ago
JSON representation

This project is a prototype of an online learning platform where a learner can learn a giving skill thought by porofessionals.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

## Project Name: SkillHub Academy

The aim of this project is to design a protoype of online platform for learning coding

## Built With
- Major languages : HTMl & CSS, JavaScript
- Frameworks : none
- Technologies used : Github, Git and Linters

## Live Demo

[Live Demo Link](https://stephnna.github.io/skillhub-academy/)

## Project Description

[Loom Video](https://www.loom.com/share/3c1f1f9cde134abf9b3d159fc8b88c6c)

## Getting Started

To get a local copy up and running follow these simple example steps.

### Prerequisites โ™ป๏ธ
- A personal computer connected to the internet;
- Have a working and updated browser.
- Have a local version control like git installed on your computer
- Have an account on Github, as an online/remote Version Control System
- Code editor (Visual studio code, sublime text, notepad++, ...) installed on your computer;
- At least basic of HTML and CSS.

### Setup ๐ŸŽฐ
- Click the [me](https://github.com/stephnna/skillhub-academy) to get the repository;
- click on the green (๐ŸŸข) button with `Code` Inscription;
- You can choose to download the project or just clone it if you are familiar with Git and Github;
- Follow normal step once download in your computer and use it as it's yours.

### Install
- If you are familiar with git, Run `npm install` to get all dependecies required to run the linters checks, otherwise use the downloaded project on your computer without testing files

### Run test ๐Ÿงช
> Run thes command bellow inside your `git bash` or command line interface.
- `npx hint .` : for the `html` codebase and use of best practices.
- `npx stylelint "**/*.{css,scss}"` : for the `css` codebase and use of best practices. you can add
- `npx eslint .` : for the `JavaScript` codebase and use of best practices.
- > Note that you can add `--fix` keyword to the command for `Css` and/or `JavaScript` to make sure that you avoid all errors comming from your `code editor`

๐Ÿ‘ค Ezea Stephen Nnabuike

- GitHub: [@stephnna](https://github.com/stephnna)
- Twitter: [@stephnna](https://twitter.com/stephnna)
- LinkedIn: [Linkedin](https://www.linkedin.com/in/stephen-nnabuike-ezea-143b97170/)

### Setup ๐ŸŽฐ
- Click the [me]() and you'll land on the pure repository;
- click on the green (๐ŸŸข) button with `Code` Inscription;
- You can choose to download the project or just clone it if you are familiar with Git and Github;
- Follow normal step once download in your computer and use it as it's yours.

### Install
- If you are familiar with git, Run `npm install` to get all dependecies required to run the linters checks, otherwise use the downloaded project on your computer without testing files

## ๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a โญ๏ธ if you like this project!

## Acknowledgments
- Microverse
- Originally created by [Cindy Shin](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015).
- Hat tip to anyone whose code was used.

## ๐Ÿ“ License

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