/Ebn

Ebn is a comprehensive showcase of my frontend development skills, designed to demonstrate my expertise in creating engaging web experiences. It comprises three main sections: E-commerce, News, and Blog

Primary LanguageJavaScript

Ebn

Ebn is a comprehensive showcase of my frontend development skills, designed to demonstrate my expertise in creating engaging web experiences. It comprises three main sections: E-commerce, News, and Blog


🖥️ Tech Stack

javascript restAPI css3 html5

Deployed On:

vercel



It’s Solo project where I've used tect-stack like HTML, CSS, JavaScrit to make the Ebn(E-Commerce, Blog, News) with a good user-interface its Fully Responsive.It has three sections E-Commerce, Blog and News. In E-commerce that allows Users to buy Products. It has a variety of categories, just visit the product listing page and you will see all the products, apply filters as per your need and in just a few clicks you can buy any products from the website. In Blog and news section user can read blog and news and keep himself updated. This project is just for educational purpose.

🚀 User Can Do

  • Login and Signup User Account
  • Toggle to Darkmode
  • Add to Wishlist
  • Product Sorting Based on Price,Category and PriceRange
  • Produts (Add to Cart and Remove from Cart)
  • Read News and Blog

🚀Features or Functionlty

  • Authentication - User can't add prodcut to cart without login
  • Darkmode - User can Toggle to darkmode or keep its default
  • Filter - User can filter Product Based on Price,Category and PriceRange
  • Pagination - Paginatin have implemented on E-commerce and Blog sections
  • Cart - Users can Add to Cart and Remove from Cart
  • Toast - Toast will appear when user Add to Cart
  • Skeloton - Implemented Skeloton effect on landing page
  • Loader - Implemented Loader on News page
  • Read News and Blog



🏷️ Landing page

Home page


🏷️ Login page

Login page

🏷️ Product-List page

Product-List page

🏷️ Cart Modal when empty

Cart Modal when empty

🏷️ Cart Modal with product

Cart Modal with product

🏷️ News Page

News Page

Contact

If you want to contact me, you can reach me through below handles.

linkedin GitHub

© 2023 Md Waseem Akram

Show your support

Give a ⭐️ if you like this project!