Loading repository data…
ssksds / repository
IDEA-KART-CLONE
Ideakart is a site that gives u an idea about the book you want to buy.It offers a huge collection of books in diverse categories.
#api#bootstrap5#html5#javascript
Live repository statistics
★ 0Stars
⑂ 0Forks
◯ 0Open issues
◉ 0Watchers
README preview
Clone of ideacart.com
Ideacart Ideakart is a site that gives u an idea about the book you want to buy.It offers a huge collection of books in diverse categories. It has a user-friendly search engine and a quick delivery system. With this, they even provide the best discounts on books you buy. You can write to us with any idea or any help you need.
Cloning ideacart.com was our project for Unit-3 Construct week at Masai School. the main objective was to complete all main functionality of this e-commerce website , starting from sing up till buying of the products, and that too without refreshing or rerendering the website more than once throughout the operation.
I completed this project within a week.
Tech Stack
- HTML 5
- CSS 3
- JavaScript
- CSS Library — Bootstrap
- Github
Features
- Login | Sign Up .
- Search bar for finding the product by it's name and viewing it.
- Product page.
- Detailed product preview page
- Add to cart option for buying products.
- Payment Page.
- Media query for All Size Screen.
1. Landing page
The landing page consists of Top Reads the books users are buying the most in the previous week. At the top, you will see a navigation bar that shows a search bar where you can type the name of the book you want to buy. At the bottom of the page, there is a footer that shows about, contact details and other necessary details about our website.
Authors
Click the name to visit their Github Profile
2. Login and Sign-up Page
Here in Login part, the user need to fill the correct credentials to log in, and if input type mismatches then it will throw an error to "Enter a valid Credential" Once we are done with Login part we will be redirected to OTP page and after submitting correct OTP it will take you to the Home Page.
3. Single Product Detailed Page
On the product page, you will see different sets of products with their brief details. You can add the products to the cart from here. Specific product page with more details about the product.
4. Cart page
In this section, you will see the products added to the cart and wishlist. After the add the products to the cart, the user will be able to go to the checkout page, on clicking the button “PROCEED TO PAY SECURELY” the user will be redirected to the Payment page.