BewakoofClone

Hello everyone, this is a Readme for my construct week project that has been completed successfully within the duration of 5 days. It was a Collaborative project. I've made the clone website of Clothing Keeda . I've created Home page , Signup page , Login page , Clothing products page , Cart page , Payment Page and Admin Side.

live link: https://clothing-keeda.netlify.app/

Installing and Running

Executing the commands mentioned below one by one in your command line will help in making this web app, up and running on your system in the development mode.
git clone 
cd ./dear-ink-638
open with live server

After entering the commands mentioned above, open http://localhost:7500 to view the app in the browser.

Tech-Stack:

a.HTML (structuring)

b.CSS (styling)

c.Javascript (functionality)

Features

-Home page
-Navbar and Footer
-Slider on Homepage
-Signup | Login
-User can see restaurants in product Page and avail the coupon 
-User have to Login first for availing coupon
-User have to create account before login
-Cart Page
-Product Detail Page
-Payment Page
-Admin Page

Glimpse and Screenshots of my cloned website:

🅐 Navbar:

This is the Navbar of our website. Clicking on Login or Signup on the Navbar will show the respective Page.

🅑 Home Page:

apart from the design of the homepage, I have implemented a slider type of thing where the trending restaurant is shown.

🅒 Footer bar:

Here we have a footer of our website where users can go on different pages and social media.

🅓 Login and Signup:

Here we have a Modal Function on the Navbar when users click on signup or login they get a popup on the screen.
If the user is registered with the website, only then he/she can log in with their respective email id & password. After successful login, the user is redirected to his/her home page. Visible user name in user navbar section after login.

Click on signup they redirect to a separate page for signing up, if someone is not registered with the website he/she can either register by filling in the respective details.

🅔 Product Page

This is the Product page of our website, here users can redeem/generate coupon codes.
Users must be logged in on our website for able to redeem the unique coupon code.