haldaranup / paytm-mall

Paytm Mall website clone. Paytm mall is a platform provided by Paytm for user to shop, the main objective of this website is to give extra discounts to the users.

Welcome 👋

About Paytm-mall:

Paytm mall is a platform provided by Paytm for user to shop, it works just like any other E-Commerce website or Application. The main objective of this website is to give extra discounts to the users

Paytm-mall

Run Locally :-

git clone https://github.com/haldaranup/paytm-mall.git

Deployment Link:-

https://paytm-mall-masai.netlify.app

Contributers :-

• Sagar

• Anup Haldar

• Rahul Yadav

Tech Stack :-

• HTML

• CSS

• JavaScript

• NodeJs

• Express

• MongoDB

• Mongoose

• GIT

Pages & Features 👇

• Landing Page: Navbars, categories and footer section.
• Sign-In Page: User confirmation to check whether user email and password match with details existing in the database.
• Product Page: when user sign in with their respective email id's and page it will ridirect to products page where user can select or add to cart for further process.
• Cart Page: User can add products to this page or remove products added in the cart.
• Checkout Page: Users can add the delivery addresses.
• Payment Page: Users can add their payment details and also avail for discount using promo codes.
• Order Processing Page : setTimout function is used to emulate original payment flow.
• Additional Features : Kept the branding, fonts, colors,styling and favicon and titles consistent throughtout the whole website to tried building atleast mvp of site .Not exact but tried building same features as in original site.

How To Use ✅

• At First user has to click on login on landing page. User have to signup if he does not have an account. In signup page user has to fill all the fields in the form.
• After signup user has to login with same details, otherwise it will show invalid credentials.After login user will be redirected to home page.
• User can see shop by categories and he /she can clik on any category as per his/her requirement and it will be redirected to particular category page.
• User can see the products, and clicking on particular product which will be redirected to order page.
• In order page user can see the details of that particular product and also the add to cart button.After cliking the add to cart button the cart value gets updated which is on top nav bar.
• If he clicks on cart then he will be redirected to cart page where he can see products which he has added to cart.If he wants to remove any product he can click on remove button which will remove the product.
• Then he will proceed to payment page ,where he has to fill all his personal details for delivering the product.
• After filling all the details including card details then clik on pay button. It will take some time for payment.
• After payment has completed successfully then he will be redirected to home page.

Screenshots :-

For more details, here is our blog

Blog