This is the final project for Module one, it is about a Gorilla naming ceremony that Happens every year in Rwanda. it is build with HTML,CSS and Javascript.

  • By GASOMINALI Olivier
  • Last update: May 19, 2022
  • Comments: 2

GORILLA NAMING CEREMONY

Description

Gorilla Naming Ceremony is an annual event that happens in Rwanda, where Volcanoes nation park are visited and start a grouping gorilla into families and naming the new born gorilla babies.

Learning objectives:

  • Use semantic HTML tags.
  • Apply best practices in HTML code.
  • Use CSS box model.
  • Use CSS selectors correctly.
  • Use Flexbox to place elements in the page.
  • Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.
  • Use GitHub Pages to deploy web pages.
  • 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.
  • Build a the capstone project site.

Built With

  • HTML
  • CSS (Flexbox & Grid)
  • Java Script
  • Git & GitHub

Live Demo

Live Demo Link

Loom Video

Loom Video Link

Getting Started

To get a local copy for this project and running follow these simple steps.

Prerequisites

  • You need to have git installed in your machine.
  • A text editor or terminal
  • A web browser to view output

Setup

  • To clone the repository run this command https://github.com/GOlivierNation/capstone-project-one.git

Test

For tracking linter errors locally you need to follow these steps:

  • After cloning the project you need to run this command

    npm install This command will download all the dependencies of the project

  • For tracking the linter errors in HTML file run:

    npx hint .

  • For tracking the linter errors in CSS file run:

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

    • And For tracking the linter errors in JavaScript file run:

    npx eslint .

Author

👤 Olivier Gasominali

🤝 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

  • Design and inspiration by Cindy Shin on Behance.

  • Hat tip to Microvers and all the staff

  • Thanks to My coding Partners

  • Thanks to My Morning-session-group and Standup-team Partners and

  • Thanks to Code Reviewers

📝 License

This project is MIT licensed.

Github

https://github.com/GOlivierNation/capstone-project-one

Comments(2)

  • 1

    Module 1 Capstone Project

    ### In this project I:

    1. Use semantic HTML tags.
    2. Apply best practices in HTML code.
    3. Use CSS selectors correctly.
    4. Use the CSS box model.
    5. Use Flexbox to place elements on the page.
    6. Demonstrate ability to create UIs adaptable to different screen sizes using media queries.
    7. Use GitHub Pages to deploy web pages.
    8. Apply JavaScript best practices and language style guides in code.
    9. Use JavaScript to manipulate DOM elements.
    10. Use JavaScript events.
    11. Use objects to store and access data.
  • 2

    Microverse: Peer-to-Peer code review 4/22/2022

    Hello @GOlivierNation 👋 you did Amazing work 🥇 . Clean Code 👍 . Github workflow 👍 . You should kindly implement the following changes :

    • On the home page, the partner section should be included.
    • Kindly add the MORE button on the mobile version.

    Here are some best practices maybe you can implement to improve your code.

    • Kindly begin committing messages with caps so kindly consider that in subsequent commits

Popular Tag

Related