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/
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.
a.HTML (structuring)
b.CSS (styling)
c.Javascript (functionality)
-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:
- This is the Navbar of our website. Clicking on Login or Signup on the Navbar will show the respective Page.
- apart from the design of the homepage, I have implemented a slider type of thing where the trending restaurant is shown.
- Here we have a footer of our website where users can go on different pages and social media.
- 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.
- 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.
-This is the product detail page,here user can see product detail.
-This is the product detail page,here user can add product detail.
-This is the product detail page,here user can pay from her.
-This is the product detail page,here Admin can login here.
-This is the product detail page,here Admin can see product and also see how many product here.