/Ideakart

This project is a clone of Ideacart website. In this project we have tried to clone frontend of Ideacart. functionalities has been added using browser's localstorage. Project design is responsive for all screen sizes.

Primary LanguageHTML

Ideakart

Ideakart is a website that gives you an idea about the book you wants to buy.

About this project: 🙌

This is a team project, built by us in the Construct Week - Unit 2 at Masai School.

We have tried our best to make a fully-functional clone of Ideakart website that provides a minimal user experience where users can roam around and purchase the books they are looing for.

Here is the link of our website live on netlify: Ideakart

Our Team Members ❤️

Pages & Features 👇

  • Navbar : Contains website logo, Search bar, and reference for other pages of the website.
  • Home Page : Navbar and some random books and products in slider and footer to connect pages.
  • Product Page : Contais all the details about a prticular product.
  • Search : User can search for any of the products present in the website.
  • About : This page tells about services provided by the our application and motivation behind developing such website.
  • Contact : For any kind of query or feedback user can connect with us just to fill thier basic details attached in the page.
  • Sign-In : User authentication to check whether user email and password match with details existing in the database.
  • Sign-Up : User need to register themselves first to get the access of all the services using the sign up form.
  • Earn Online : List your products in the website and make money.
  • Additional Features : Kept the branding, fonts, colors and titles consistent throughout the whole site to give a feel like the original site.

Tech Stack

  • HTML
  • CSS
  • Javascript - (DOM Manipulation, Local Storage)

Screenshots :

Home Page

Screenshot (9)

Contact Page

Screenshot (10)

Sign Page

Screenshot (12)

Roles & Responsibilities :-

  • GitHub is Managed & Readme.md done by Dheeraj.

  • The Landing Page is designed & functioned by Dheeraj.

  • All products page data is designed & functioned by Ejaz.

  • The navbar, contact page is designed & functioned by Radha.

  • The Sign In, Sign Up and data validation is designed and functioned by Ashish.

  • The footer, about page is designed & functioned by Dilip.

  • All the data needed for the clonig the website is managed by Feroz.

Learning :-

  • We all became proficient in reading the code of team members.

  • Our code writing style became cleaner as we had to think while writing code that other team members will be reading.

  • We had to learn about many CSS properties that we didn't know before.

  • Our skills in JavaScript and DOM manipulation became better.

  • We all learned how to plan a project and execute that.