Code Monkey home page Code Monkey logo

appleonline-project's Introduction

WEB101 - Construct Week Project For Unit-2 WEB101

Project Code:- momentous-shoes-5965

Project Description:

An Indian e-commerce portal that sells home accessories, mobile, electronics, and a variety of products on the online platform called AppleOnline.


Name Student: Rushikesh Diliprao Bhomale

Student Code: fw25_348

Batch: FT-WEB-25

Coding IA: Somyakant Mahopatra

This is an Individual Project done by me in 5 days. My project was to clone the website of Apple.com. Apple Inc. is an American multinational technology company headquartered in Cupertino, California, United States. Apple is the largest technology company by revenue. I created a basic flow of the website. The pages I have shown are:- 1. Index Page, 2.Store, Mac, Watch,iPad,iPhone Pages, 3. Sign-Up Page,4.Login Page, 5.Cart page, 6. Checkout page. 6. Track Your Order with Location Page, 7. filter, sort, and search functionality added.

I have used localStorage for the functionality of login page. The Landing page is the Index Page when Log in is Succesfull, where you can see the different product shown on that you can apply filter and sorting operation together. In the Navbar section you can click on the Login button which will open a Sign-up Page if your are a new user on our website so you have sign-up first, you can't use same Email again for creating Account. After creating New account you will automatically redirected to Log in page within a 3 seconds. Where you can use UserName as your register Email id: - [email protected] and password that given at the time of sign-up as -Rushi@789 to login in the page, after succesfull Log in you will redirected to index page automatically. If you enter any wrong information in Login page in it will not show you Wrong Email or Password...

Then clicking on the any option present on navbar you will redierected that category products page where you can different products shown. I have shown filtering functionality on the right side where you can filter based on price & Category of products. At a time you can filter the products based on one selected filtering option. You can Sort the product based on the Price low to high and Price high to low. As well as you can use filter and sort functionality both toghether on products. Then on ever product one button is there which you can use to add the product to the cart.

In the Cart page you can find the products you added. I have provided a functionality to remove the products from the cartpage, You can see total Number of Products present in your cart on upper-left side of cart page & also you can see total price of products present in your cart. You can increase the number of item count or decrease the count by given "+" & "-" button below product quantity in cart. In the further page you just have to add the details like in Checkout page you have to add your delivery address and click on the submit t will show if your order is placed or not. If your cart is Empty and you try to checkout on submit of details it will show you "Your Cart is Empty". After 5 seconds it will redirect you the homepage i.e Index Page.

If you want to see your product details and want to track your order with it location you have to just visit checkout page there is option "Track your order." on that track order you can search your order by your Name, Pin Code, item name, and Mobile Number.

Thank You...

appleonline-project's People

Contributors

rbhomale17 avatar

Stargazers

 avatar Mayank Bhandari avatar  avatar

Watchers

 avatar

appleonline-project's Issues

Day-2

  • iPad Page.
  • Watch Page.
  • AirPod Page

Day-4

  • Sorting of Product
  • Filter Part.
  • Checkout Page.
  • Admin page is possible.

Day-5

  • Functionality Parts

Index file

  • Nav-Bar Creation.
  • Home Page Creation.
  • Movie Slideshow.
  • Nav-Bar Store Page.
  • Sign in/ Log in Page.
  • Mac Page (Nav-Bar).

Day-3

  • Accessories page.
  • Product Page all.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.