https://github.com/lincoln1883/mod1-capstone-project
This project was a requirement of module one, where we learned HTML, CSS and JavaScript, also the importance of git workflows following best practices of committing early and often. The use of linters to ensure code quality follows the HTML and CSS best practices.
https://github.com/lincoln1883/mod1-capstone-project
html-css-javascript
Last synced: 4 months ago
JSON representation
This project was a requirement of module one, where we learned HTML, CSS and JavaScript, also the importance of git workflows following best practices of committing early and often. The use of linters to ensure code quality follows the HTML and CSS best practices.
- Host: GitHub
- URL: https://github.com/lincoln1883/mod1-capstone-project
- Owner: lincoln1883
- License: mit
- Created: 2023-04-17T15:25:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-08T19:38:16.000Z (over 2 years ago)
- Last Synced: 2025-04-23T17:56:59.979Z (7 months ago)
- Topics: html-css-javascript
- Language: HTML
- Homepage: https://lincoln1883.github.io/mod1-capstone-project/
- Size: 6.5 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
My Reggae Capstone
# 📗 Table of Contents
- [📖 Reggae Capstone Project](#-reggae-capstone-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Author ](#-author-)
- [👤 Lincoln Gibson](#-lincoln-gibson)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
This is my first Capstone project that designed to highlight the topics learned, it is build using html, css,javascript and linters.
HTML
CSS
JavaScript
- **[A Desktop version]**
- **[A Mobile version]**
- **[Button Animation when hover or clicked]**
- **[Image transition when hovered]**
- **[The Feature section was dynamically created using JavaScript]**
- **[The Mobile menu operates using JavaScript]**
- [Live Demo Link](https://lincoln1883.github.io/mod1-capstone-project/)
## 🚀 Video Presentation
- [Video Presentation](https://www.loom.com/share/0bb71be5254b4a3e99b91311e152f655)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
```sh
- A web browser
- A code editor
- A terminal
- Git
- Node.js
```
### Setup
Clone this repository to your desired folder:
```sh
cd my-portfolio-website
run `git clone https://github.com/lincoln1883/mod1-capstone-project`
```
### Install
Install this project with:
```sh
cd my-folder run `npm install`
```
### Usage
To run the project, execute the following command:
open the index.html file in your browser using the live server extension.
### Run tests
To test the html for errors:
```sh
run `npx hint .`
```
To test the javascript for errors:
```sh
run `npx eslint .`
```
To test styling errors:
```sh
run `npx stylelint "**/*.{css,scss}" `
```
#### 👤 Lincoln Gibson
- GitHub: [lincoln1883](https://github.com/lincoln1883)
- Twitter: [lincolngibson7](https://twitter.com/lincolngibson7)
- LinkedIn: [lincoln-gibson](https://linkedin.com/in/lincoln-gibson)
- **[Add styling using SASS]**
- **[Add login functionality]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
- Give a ⭐️ if you like this project!
- Thank you Microverse for allowing me the opportunity to learn and grow.
- Thanks to Cindy Shin and Creative Commons CC for allowing me to replicate her design.
This project is [MIT](./LICENSE) licensed.