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)
MIT License
HTML-basic-JavaScript-Capstone-
Capstone project
Built With
- CSS, HTML
- Frameworks-none
- Technologies use- Git, npm
Live Demo (if available)
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
- 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
- you need to initialize npm to create package.json file. npm init -y
- Run npm install --save-dev [email protected]
- 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.
- Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]
- Copy .stylelintrc.json (https://github.com/microverseinc/linters-config/blob/master/html-css/.stylelintrc.json) to the root directory of your project.
ESLint
- Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]
- Copy .eslintrc.json(https://github.com/microverseinc/linters-config/blob/master/html-css-js/.eslintrc.json) to the root directory of your project.
- Run npx eslint . on the root of your directory of your project to Fix linter errors.
Run tests
- Run npx hint . to Fix Web validation errors.
- Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project to Fix linter errors.
- Run npx eslint . for JS linters
Authors
- Ssekweyama Pius
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
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.
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 licensed.