This is Blog App site which gives info about the bloggers of the site and also about the blog company.

  • By Sentayhu berhanu
  • Last update: Jun 23, 2022
  • Comments: 4

Capstone Project :Blog App

This project is about building Blog web app on capstone project using html, css, and JavaScript

CESBlog design (20)

Live demo

Live Demo Link

Built With

-Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more). -Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors). -Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

Prerequisites

VScode or other editor

Install

Cloning the project

git clone https://github.com/sentayhu19/capstone-project

Getting packages and debuging with Stylelint

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

For validation detection using Stylelint Run

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

from parent source directory

Getting packages and debuging with Webhint

npm init -y npm install --save-dev [email protected]

For validation detection using Webhint Run

npx hint .

Authors

👤 Sentayhu Berhanu

🤝 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

-This project was inspired by Microverse](https://www.microverse.org

📝 License

This project is MIT licensed.

Desgined By by Cindy Shin in Behance

Github

https://github.com/sentayhu19/capstone-project

Comments(4)

  • 1

    Mobile and desktop version

    in this pull

    • Desktop and Mobile version of the web site
    • Transform added on images
    • Hamburger menus
    • about page and index page
    • More Button Added on the mobile version
    • https://www.loom.com/share/b354f51e724c4a41a1df55dd791b525b
    • https://www.loom.com/share/9b82766d69c74cf48d418a22508a659c
  • 2

    mobile version design

    In this pull -Desktop and Mobile version of the page

    • About page and home page
    • Hamburger menu added
    • Our blog section added
    • Bloggers list section added dynamically
  • 3

    home page desktop version

    Hello sentayhu, you did a great job so far :clap: , But you still need some small improvements.

    On your home page for the desktop version can you please add some padding from the top and bottom so the social icons and the buttons can have more room.

    Great job you did keep coding :clap: :clap: .

  • 4

    Peer Review

    ♻️ CHANGES REQUIRED

    Hi @sentayhu19 ,

    Good job so far. However, there are some changes required to make your code even better.

    • .main-section-item-3 is placed using absolute positioning, consider using a more dynamic approach like flex

    • Add margins between ".blogtypes" items, I think the spacing will look nicer.

    Would you be so kind as to resolve those conflicts before this PR can be further reviewed?

    Happy Coding 👏👏👏
    Feel free to leave any questions or comments in the PR thread if something is not 100% clear.

    ***Please remember to tag me in your question so I can receive the notification.