In this project we have tried to make a look alike clone of Jio-Mart Website. With our efforts and the technology stack like JS, CSS and HTML, we were able to clone the front end with similar looks and features.Our initially focused on online groceries sales before expanding into other product categories such as fashion, home essentials, and lifestyle products
- Responsiveness : Pages are optimised for most of the screen sizes.
- Login Sign up : User can sign up and login.
- Add/Remove from cart : Users can add and remove products to cart
- Checkout page, delivery address page and payment page.
HTML, CSS, JavaScript, JSON Server and Cyclic.sh.
Server: Local Storage of Web browser, JSON Server.
- The Landing Page is designed & functioned by Prathmesh S
- Sign up page, login page & footer is designed & functioned by Nitesh M
- Products section, Details page & API is designed by Rahul P
- Cart section, Navbar, JavaScript parts,Profile page and order page is designed & functioned by Faizan G
- Payment,Deliver page is designed by Himanshu K.
- Github & project meetings are managed by Team.
- This is the main landing page of our website. Here clicking on any option on the Navbar will redirect the user to the respective Product Page.
- In all the Pages Navbar Have Toggle Button for rediercting content of pages.
- Here we have a sign in window, if visiter not a existing user then he has to sign up by entering his/her credential like email and password etc.
- After filling correct creadential user will be redirect to the login page to proceed further.
- if the visitor is a existing visitor then he/she has to enter email and password.
- Email and password must be same as previously enter by user during sign up procedure.
- After login user will redirect on landing page.
- On landing page on navbar in the place of sign up Button you will find username.
- After clicking on username user will redirect to profile page.
- Here user can add products into the cart .
- Users can also sort the products according to price as well as categories of product
- Here users can able to see a list of products that are available in the cart.
- Users can also increase the number of products that are available in the cart.
- Users can also able to see the total amount of selected products.
- Here users have to provide a full delivery address .
- Here users have to provide ATM card details for payment.
- After successful payment with a thank you message, the user will land on the homepage.