https://github.com/david-lanzz/my-first-capstone

This capstone project is about a music festival in my country. I created it in honor of my favorite artiste, Wizkid.
https://github.com/david-lanzz/my-first-capstone

css html javascript scss stylelint

Last synced: about 1 year ago
JSON representation

This capstone project is about a music festival in my country. I created it in honor of my favorite artiste, Wizkid.

• Host: GitHub
• URL: https://github.com/david-lanzz/my-first-capstone
• Owner: David-Lanzz
• Created: 2023-02-06T08:15:25.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-05-16T22:51:52.000Z (about 3 years ago)
• Last Synced: 2025-03-30T08:51:12.894Z (over 1 year ago)
• Topics: css, html, javascript, scss, stylelint
• Language: HTML
• Homepage: https://david-lanzz.github.io/My-First-Capstone/
• Size: 1.96 MB
• Stars: 18
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [FAQ]

- [📝 License](#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](https://david-lanzz.github.io/My-First-Capstone/)

(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](https://github.com/David-Lanzz)

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

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/david-lanzz/)

(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](../../issues/).

(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](./MIT.md) licensed.

(back to top)