A web-site that is related to NFTs topic based on Javascript DOM manupilation, html5 and css3 with linters experimentations.

  • By Anicet Murhula
  • Last update: Oct 19, 2022
  • Comments: 2

Anicet's Capstone Project

In this first capstone project, the performances was :

  • Use semantic HTML tags.

  • Apply best practices in HTML code.

  • Use CSS selectors correctly.

  • Use CSS box model.

  • 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.

    I enjoyed each step and got the chance of practicing again each lesson. I hope that you will apreciate what you will see and I stay open to every suggestion, advice or help in order to improve more and more myself.

    Happy coding !!

How it looks like :

Desktop Home page

newHomeDesk

Mobile Home page

Home

Desktop About page

newAboutDesk

Mobile About page

aboutMobe

Built With

  • HTML
  • CSS
  • JavaScript

Live Demo is avaible here

Live Demo Link

Getting Started

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

git clone 
https://github.com/AnicetFantomas/Anicet-s-capston.git

Deployment

https://anicetfantomas.github.io/Anicet-s-capston/

Authors

👤 Author1

🤝 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

  • Cindy Shin the author of the original design
  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Github

https://github.com/AnicetFantomas/Anicet-s-capston

Comments(2)

  • 1

    HTML/CSS & JavaScript capstone project

    In this pull request we performed :

    • Use semantic HTML tags.
    • Apply best practices in HTML code.
    • Use CSS selectors correctly.
    • Use CSS box model.
    • 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.
  • 2

    Peer to peer review

    Great work, I am really impressed by your design. However, when I check your feature branch I recommend some of these changes:

    • Kindly change the div tag wrapper for "collabos" to article tag, this will make your project more semantic and easily readable by browsers.
    • Kindly change the width in the main and feature section to the percentage for better responsiveness.
    • Kindly change the color of the cards in the main section for better color contrast.

    Other than that you did great work, Keep moving forward and I wish you all the best for the rest of the Microverse Program.

Popular Tag

Related