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.

My Reggae Capstone

📗 Table of Contents

• 📖 Reggae Capstone Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Author
    • 👤 Lincoln Gibson
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Reggae Capstone

This is my first Capstone project that designed to highlight the topics learned, it is build using html, css,javascript and linters.

🛠 Built With

Tech Stack

HTML

• HTML

CSS

• CSS

JavaScript

• CSS

Key Features

• [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]

(back to top)

🚀 Live Demo

• Live Demo Link

🚀 Video Presentation

• Video Presentation

💻 Getting Started

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

Prerequisites

In order to run this project you need:

- A web browser
- A code editor
- A terminal
- Git
- Node.js

Setup

Clone this repository to your desired folder:

  cd my-portfolio-website
run `git clone https://github.com/lincoln1883/mod1-capstone-project`

Install

Install this project with:

  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:

  run `npx hint .`

To test the javascript for errors:

  run `npx eslint .`

To test styling errors:

  run `npx stylelint "**/*.{css,scss}" `

(back to top)

👥 Author

👤 Lincoln Gibson

• GitHub: lincoln1883
• Twitter: lincolngibson7
• LinkedIn: lincoln-gibson

🔭 Future Features

• [Add styling using SASS]
• [Add login functionality]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

• Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• 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.

(back to top)

📝 License

This project is MIT licensed.

(back to top)