AfroTech festival is an online website for events and conferences about tech. AfroTech brings together all technology players such as startups, companies, and individuals. Build with Html/CSS and JavaScript

  • By tarike bouari
  • Last update: Sep 9, 2022
  • Comments: 2

AfroTech Festival

Description

This project is assigned to me by Microverse as a final capstone project of module 1 (HTML/CSS/JAVASCRIPT) from the Microverse curriculum.

AfroTech festival is an online website for events and conferences about tech. AfroTech brings together all technology players such as startups, companies, and individuals. It also includes a conference where African business leaders and pioneers thinkers discuss the industry's most relevant issues. Afrotech is a place to share knowledge, build a growing network, exhibit the latest tech project and make business.

The website contains two pages:

-The home page and

-The about page.

The home page displays information about the upcoming events and also the speakers that will host the conference. the main program and the advantage of the event are also highlighted.

The about page explains more about the concept of the event and contains a picture gallery of the previous event.

Built With

  • Languages: HTML5, CSS5, JavaScript
  • Frameworks: Bootstrap5
  • VCS: GitBash
  • Package Manager: Node, NPM
  • Template Reference: Cindy Shin Behance -Following github flows standards.

Live demo

click here

Authors

👤 Tarik Bouari

🤝 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

📝 License

This project is MIT licensed..

Github

https://github.com/tarikbouari/AfroTech-Festival

Comments(2)

  • 1

    Capstone Project: Review

    Hello @tarikbouari 👋 ,

    Congratulations! Good job so far! 🎉 I know you've been very diligent and committed to implementing this project, and we, as a team, appreciate the effort you put in! But there are some issues that you still need to work on in this project but you are almost there!

    so-close

    Suggested Changes ♻️

    • There are some commented lines in your CSS file. Please make sure to not commit any commented code on your project😃
    • Some of your CSS and JS files are on the root folder we suggest you put the files in their respective folders for better file structure.
    • It would be great if you could also add some interaction like hovering on the cards in the Main Program section to give it a more dramatic style.
    • Some of the Images in the Featured Speaker section look more stretchy than others. We recommend using the background-size property to fix the size of the image;
    Screenshot 2022-07-29 at 1 48 23 PM

    Cheers and Happy coding!👏👏👏 💻

    Please feel free to reach out or leave any questions or comments on the issue if you find anything unclear

  • 2

    Built capstone website .

    In this capstone project I:

    • Setup linter configuration and git repository
    • Set up mobile-first design by building two pages: the home and about page
    • Used Bootstrap to style the pages
    • Created the desktop version by making the pages responsive.
    • Created a mobile menu
    • Implemented users interaction link on the navigation
    • Added the session featured speakers dynamically with javascript to the home page
    • Used GitHub flow and sematic Html tags
    • Cleaned the code and fixed linter errors

    Here is the link to the loom video describing the project.

Popular Tag

Related