https://github.com/ssekpius/microverse-html-basic-javascript-capstone-

In this capstone project am going to build is based on an online website for a conference. We were provided with some design guidelines for us to create the website, (ES6 ,HTML,CSS)
https://github.com/ssekpius/microverse-html-basic-javascript-capstone-

css eslint html javascript stylelint

Last synced: 19 days ago
JSON representation

In this capstone project am going to build is based on an online website for a conference. We were provided with some design guidelines for us to create the website, (ES6 ,HTML,CSS)

• Host: GitHub
• URL: https://github.com/ssekpius/microverse-html-basic-javascript-capstone-
• Owner: SSEKPIUS
• License: mit
• Created: 2022-10-25T04:19:03.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-07T20:43:57.000Z (over 1 year ago)
• Last Synced: 2024-10-03T11:43:16.707Z (about 1 month ago)
• Topics: css, eslint, html, javascript, stylelint
• Language: SCSS
• Homepage:
• Size: 2.67 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# HTML-basic-JavaScript-Capstone-

Capstone project

## Built With

- CSS, HTML

- Frameworks-none

- Technologies use- Git, npm

## Live Demo (if available)

[Live Demo Link](https://#)

## About

In this capstone project am going to build is based on an online website for a conference. We were provided with some design guidelines for us to create the website, but we must personalize the content, i.e., instead of a conference we could build a website for a concert or for a web development course. It's very important the we personalize our project so that we have something unique in our portfolio to share with potential employers during job searching.

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

### Prerequisites

Set-up GitHub Actions

1. create a .github/workflows folder and add a copy of .github/workflows/linters.yml (https://github.com/microverseinc/linters-config/blob/master/html-css-js/.github/workflows/linters.yml) to that folder.

### Setup & Install

Set-up linters in your local env

#### Webhint

1. you need to initialize npm to create package.json file.  npm init -y

2. Run npm install --save-dev [email protected]

3. Copy .hintrc (https://github.com/microverseinc/linters-config/blob/master/html-css/.hintrc) to the root directory of your project.

#### Stylelint

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

1. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]

2. Copy .stylelintrc.json (https://github.com/microverseinc/linters-config/blob/master/html-css/.stylelintrc.json) to the root directory of your project.

#### ESLint

1. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]

2. Copy .eslintrc.json(https://github.com/microverseinc/linters-config/blob/master/html-css-js/.eslintrc.json) to the root directory of your project.

3. Run npx eslint . on the root of your directory of your project to Fix linter errors.

### Run tests

1. Run npx hint .  to Fix Web validation errors.

2. Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project to Fix linter errors.

3. Run  npx eslint . for JS linters

## Authors

1. Ssekweyama Pius

- GitHub: [@githubhandle](https://github.com/SSEKPIUS)

- Twitter: [@twitterhandle](https://twitter.com/SSEK_PIUS)

- LinkedIn: [LinkedIn](https://linkedin.com/in/pius-ssekweyama-23665794)

# Original design idea by Cindy Shin in Behance. (https://www.behance.net/adagio07)

## 🤝 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

- Big thanks to Microverse and all the student teams that contributed in any form

## 📝 License

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