capstone-project-module1 icon indicating copy to clipboard operation
capstone-project-module1 copied to clipboard

This GitHub repository contains the code for the Capstone Project Module 1, which focuses on building a responsive web design using HTML, CSS, and JavaScript. The project is part of the Microverse cu...

πŸ“— Table of Contents

  • πŸ“– About the Project
    • πŸ› οΈ Built With
      • Tech Stack
      • Key Features
    • 🀯 Walk through video
    • πŸš€ Live Demo
  • πŸ’» Getting Started
    • Setup
    • Prerequisites
    • Install
    • Usage
    • Run tests
    • Deployment
  • πŸ‘₯ Authors
  • πŸ”­ Future Features
  • 🀝 Contributing
  • ⭐ Show your support
  • πŸ™ Acknowledgements
  • ❓ FAQ (OPTIONAL)
  • πŸ“ License

πŸ“– [GLOBAL REMOTE SOFTWARE DEVELOPER SUMMIT 2023]

This website is the result of the first Capstone Project for the Microverse Program😊. This is showing the World Tour for La Rienda Band, an argentinian band that will travel around the world.πŸ‘Œ

πŸ› οΈ Built With

Tech Stack

Client

Key Features

  • Landing Page for activities
  • Mobile first development
  • Responsiveness and flexibility for any screen size
  • Apply JavaScript best practices and language style guides in code.πŸ‘Œ
  • Use JavaScript to manipulate DOM elements.
  • Use JavaScript events.πŸ’―
  • Use objects to store and access data.
  • Communicate technical concepts to other technical people.

(back to top)

🀯 Walk through video

(back to top)

πŸš€ Live Demo

(back to top)

πŸ’» Getting Started

To get a local copy of this project up and running on your local machine follow the steps below.

Prerequisites

  • Basic html, css and medium Javascript know how.
  • Git installation
  • A text editor
  • A terminal
  • A web browser to view output e.g Google Chrome
  • An IDE e.g Visual studio code

Setup

  • Clone this repository or download the Zip folder:
git clone https://github.com/musangamfure/capstone-project-module1.git
  • Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd <folder>

Usage

  • After Cloning this repo to your local machine
  • Open the index.html in your browser

Run Tests

To track linter errors locally follow these steps:

Download all the dependencies run:

npm install

Track HTML linter errors run:

npx hint .

Track CSS linter errors run:

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

Track JavaScript linter errors run:

npx eslint .

Deployment

  • I used GitHub Pages to deploy my website
  • For more information about publishing sources, see "About github page"

Author

πŸ‘€ Is-Musangamfura Emmanuel

πŸ”­ Future Features

Future changes:

  • improve slider responsiveness
  • Add more webpages such as Tickets Page and Schedule Page.

(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

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)