The goal of the Microverse Capstone Project for Module I: (The Portal) is to create a website with an about page and a home page for an online conference event. Built with JavaScript, CSS, and HTML.

  • By Michael Mesfin
  • Last update: Nov 25, 2022
  • Comments: 3

AFRICA MUSIC CONFERENCE 2022

AMC 2022 logo

This is an educational project to make a website for a music conference event with home page and about page.

Built With

  • HTML5, CSS3, JavaScript
  • Linters:
    • Stylelint
    • Lighthouse
    • Webhint
    • ESLint

Project Documentation

  • Here is the link to my Zoom video

Website Mockup 📱 💻 🖥️

screenshot screenshot screenshot screenshot screenshot screenshot

Live Demo

Capstone I : Africa Music Conference 2022

Authors

👤 Michael Mesfin

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Under the the Creative Commons liscense

image

Original design from Cindy Shin in Behance

📝 License

This project is MIT licensed.

Github

https://github.com/michael-duke/Capstone-I

Comments(3)

  • 1

    Milestone 6 - Capstone I : Project documentation

    Capstone I milestone 6: Documentation

    In this milestone I have :

    • Used semantic HTML tags.
    • Applied best practices in HTML code.
    • Used CSS selectors correctly, and CSS box model.
    • Used Flexbox, and Grid to place elements in the page.
    • Demonstrated ability to create UIs adaptable to different screen sizes using media queries.
    • Followed desigin guideline set by Cindy Shin in Behance.
    • Used GitHub Pages to deploy web pages.
    • Followed JavaScript best practices and language style guides in code.
    • Used JavaScript to manipulate DOM elements.
    • Used JavaScript events.
    • Used objects to store and access data.
    • Communicated technical concepts to other technical people. 😄 Here is the Zoom video to my presentation
  • 2

    Milestone 4-5: Capstone Project feature interactions

    Capstone I milestone 4 - 5: Feature Interactions

    In this milestone I have:

    • Chose images, text, icons, fonts with regards to Mobile Menu and Speakers section
    • Used JavaScript to manipulate DOM elements.
    • Used JavaScript events.
    • Used objects to store and access data.
    • Created the 2 features mobile-menu and dynamic generation of speakers.
    • Deployed the project. Capstone I
  • 3

    Milestone 0 - 3 : Captone Project mobile first and desktop version

    Capstone I milestone 0 - 3: Mobile first and Desktop Version

    In this milestone I have:

    • Set up the repository and tools.
    • Chose the topic for my website Africa Music Website 2022.
    • Chose images, text, icons, fonts.
    • Created the 2 pages for mobile index.html and about.html.
    • Adapted the 2 pages to desktop.
    • Deployed the project. Capstone I

Popular Tag

Related