From 93c6e1fca7c4f143bbeee352a7917682f1b464e4 Mon Sep 17 00:00:00 2001 From: Manishak798 <90680330+Manishak798@users.noreply.github.com> Date: Thu, 12 Oct 2023 20:40:26 +0530 Subject: [PATCH] Created a beginners project amazon-landing-page clone I have added a new project to the 1-Beginner list. --- Projects/1-Beginner/Amazon-Landing-Page.md | 35 ++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 Projects/1-Beginner/Amazon-Landing-Page.md diff --git a/Projects/1-Beginner/Amazon-Landing-Page.md b/Projects/1-Beginner/Amazon-Landing-Page.md new file mode 100644 index 00000000..04bbd0ef --- /dev/null +++ b/Projects/1-Beginner/Amazon-Landing-Page.md @@ -0,0 +1,35 @@ +# Amazon-Landing-Page + +**Tier:** 1-Beginner + +The Amazon Landing Page Project, using HTML and CSS, is an excellent starter project for web development beginners. By replicating Amazon's homepage, one will gain practical experience in structuring web content, applying styles, and creating responsive designs. This hands-on project helps one understand the essentials of clean HTML code and CSS styling, ensuring your web pages look great on various devices. + +Upon completion, one will have a portfolio piece to demonstrate their skills and kickstart their web development journey with confidence. In a nutshell, this project is a crucial stepping stone for beginners, equipping them with fundamental skills to embark on a web development career. + +### Constraints + +- You may not use this in your mobile, if you haven't make its design responsive. + +## User Stories + +- [ ] User can see a display showing the products avilable on amazon. +- [ ] User can see an sign up button that will provide iteractivity with the web page. +- [ ] User can search for products in the search bar. +- [ ] User can click on the product images. +- [ ] User can click deals button to check upon the latest deals. +- [ ] User can contact customer services from footer of the landing page. + +## Bonus features + +- [ ] User can hover on the search bar and see itd dynamic color effects. +- [ ] User can make different categories to display products. +- [ ] User can make cards using CSS to showcase product description. + +## Useful links and resources + +- [HTML5 Tutorial](https://www.w3schools.com/html/) +- [CSS3 Tutorial](https://www.w3schools.com/css/) + +## Example projects + +- [Amazon-Landing-Page Clone](https://github.com/Manishak798/Amazon-clone)