📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• [FAQ]
• 📝 License

📖 [MY-FIRST-CAPSTONE]

MY-FIRST-CAPSTONE is a project i worked on in honor of my favorite artiste, Wizkid. It is a project that speaks about a festival dedicated to Musical talents all over Nigeria and the world.

🛠 Built With Visual Studio Code and Github

Tech Stack Frontend Technology

The Tech stack used in this project is the FRONTEND technology and it consists of just the index.html,scipt.js and styles.css files

Cascading Style Sheet

• CSS

Mark-Up Language

• HTML

JavaScript

• JavaScript

Key Features

• [Fresh quality content]
• [Speed and responsive]
• [Easy to use]

(back to top)

To see a loom video preview of the project click the link below

(https://www.loom.com/share/f8e536fedc9541798e915dbfd603b2fa)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

All necessary files about the concert are present in the repo so run/install it and check through for any information you might need

Prerequisites

In order to run this project you need: A browser A good internet connection

Setup

Clone this repository to your desired folder:

• cd my-project
  • git clone https://github.com/David-Lanzz/My-First-Capstone.git

Install

Install this project with:

• cd MY-FIRST-CAPSTONE
• npm install

Usage

To run the project, Click on the live Demo link or

• clone the repo
• cd MY-FIRST-CAPSTONE
• Run with live server extension

Run tests

To run tests, run the following command: npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x npx stylelint "**/*.{css,scss}"

npm install --save-dev hint@7.x npx hint .

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x npx eslint .

Deployment

You can deploy this project using:

githack,github pages, netlify, render

(back to top)

👥 Authors

👤 Author1

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [An events window explaining everything that will happen in each events]
• [A much more elaborate information about the artistes]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project... please leave me a comment in my twitter account, Thankyou

(back to top)

🙏 Acknowledgments

I will like to give kudos to Cindy Shin in Benhance for creating the beautiful design template for this project

(back to top)

FAQ

• How did you get the linters to work for the html and CSS

  • Move into the project directory, copy and run the following commands:

  "npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x"

  then: npx stylelint "**/*.{css,scss}" to test for CSS and npx hint . for HTML

• How did you align the elements to stack on or beside eachother

• Use flex or grid boxes

(back to top)

📝 License

This project is MIT licensed.

(back to top)