Skip to content

Latest commit

 

History

History
198 lines (132 loc) · 6.44 KB

README.md

File metadata and controls

198 lines (132 loc) · 6.44 KB

📗 Table of Contents

📖 African Day 2023 Concert held in Ethiopia

African Day 2023 Concert held in Ethiopia is Myfirst Capstone project Like real world Projects, It is about a concert for the music indestry to intertain, culture exchange and help adults, needy people, orphans and refugees made with html,css and javascript.

🛠 Built With

Tech Stack

Client
- [] Frameworks: _**Bootstrap 5**_ - [] Technologies used: **GIT, GITHUB, LINTERS**_

Key Features

  • Responsive Design.
  • Toolbar or Header.
  • Colors.
  • Typography: COCOGOOSE and Lato as fonts, size and weight.
  • Layout: composition and space between elements.
  • Mobile: up to 768px wide.
  • Desktop: 768px or wider.
  • The pages look almost identical to the original design.
  • The home page.
  • The about page.

(back to top)

🚀 Live Demo

See Live Demo here

Video of the project description

Watch video from here

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder or download the Zip folder:

git clone https://github.com/yusufyusie/Africa-Day-2023-Concert.git

  • Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd african day 2023 concert

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

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

Run tests

To run tests, run the following command:

  • Track HTML linter errors run:

npx hint .

  • Track CSS linter errors run:

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

Deployment

You can deploy this project using: GitHub Pages,

  • I will use GitHub Pages to deploy my website.
  • Coming Soon".

(back to top)

👤 Author

👤 Yesuf Fenta

(back to top)

🔭 Future Features

  • Implement Transitions Animation for hover effect.
  • Implement a about and home pages.
  • Add more pages.
  • The home page has a link in the menu to the about page.
  • The logo in the header links to the home page.
  • [] Mobile menu
    • When the user clicks the hamburger button on the header, the mobile menu appears over the page.
    • The mobile menu has a close (X) button that closes the menu.
  • [] Dynamic page
    • The section "Featured speakers" should be created dynamically in JavaScript.
    • You should use a JavaScript variable with the data about the speakers and use it when the page loads to create the HTML for this section dynamically.

(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 and how I managed to build it!

(back to top)

🙏 Acknowledgments

  • Project from Microverse html & css module.
  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightful feedbacks.
  • A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
  • Hat tip to anyone whose code was used.
  • The Original design idea by [Cindy Shin] Behance/ in Behance.
  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

(back to top)

❓ FAQ

  • Can I fork and reuse the repository

    • Yes please, feel free.

  • Can I improve the repository, and my changes will be accepted if they are good?

    • Yes please, nice ideas are welcome, please.

(back to top)

📝 License

This project is MIT licensed.

(back to top)