This is the first capstone project in my Microverse journey. It's a website created using HTML, CSS, and JavaScript, designed to serve as a website for an event.

  • By Lucas Costa Rodrigues
  • Last update: Nov 9, 2022
  • Comments: 3

Portfolio Microverse

This is the first capstone project in my Microverse journey.

For this project, we were required to follow the template provided here, but fill it with the content of our choosing.

My content is fictional but based on this seminar by Instituto Ayrton Senna.

Built With

  • HTML/CSS
  • Javascript
  • Visual Studio Code

Live Demo

Check out the live demo here.

Loom video

Check out my Loom video presenting this project.

Getting Started

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

1- Download files 2- Run index.html in browser

To clone the repo run the line "git clone https://github.com/lucas-crodrigues/capstone-module-1.git" on your console

Authors

👤 Lucas Costa Rodrigues

GitHub: @lucas-crodrigues

Twitter: @lcrodrigues58

LinkedIn: Lucas Costa Rodrigues

🤝 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

Original design idea by Cindy Shin in Behance.

Microverse team

📝 License

This project is MIT licensed.

Github

https://github.com/lucas-crodrigues/capstone-module-1

Comments(3)

  • 1

    Capstone Project Microverse module 1

    This is the first capstone project in my Microverse journey.

    For this project, we were required to follow the template provided here, but fill it with the content of our choosing.

    My content is fictional but based on this seminar by Instituto Ayrton Senna.

    Here is the link to the Loom video presenting the code.

  • 2

    Improvement Suggestions

    Hi @lucas-crodrigues

    Great job in implementing all of these features. Your code structure is nice and you have very descriptive commit messages.

    There are a few changes that we could recommend you make:

    You could add an overlay div over the images in past events. That will make the texts to be clearer and follows the template.

    Also, in creating the markup for the speaker section, you could use a forEach loop on the speakers array to create the markup for each speaker and combine them rather hard coding them all.

    You could make a class for some repeated styles and reuse them.

    Avoid using reserved keywords for variable names e.g status

    Keep doing great.

  • 3

    Peer to peer code review

    Great job so far. Your project is looking professional and it works great.

    image

    Suggestions:

    • Please do not disable linters. Linters offer a guide to help us write better and standard-compliant code
    • Please create the HTML tags in your javascript file dynamically. This will reduce duplication and improve code maintainability