KindMeal.my clone

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 solo project. I've made the clone website of kindmeal.my . I've created Home page , Signup page , Login page and Kindmeal products pages.

live link: https://beamish-salamander-14c16f.netlify.app

blog link: https://medium.com/@chetandabli/kindmeal-my-clone-solo-project-e357999ea94d

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 https://github.com/chetandabli/KindMeal.my_clone.git
cd ./KindMeal.my_clone
open with live server

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

Tech-Stack:

a.HTML

b.CSS

c.Javascript

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
-On availing the coupon user will get a unique coupon code

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.

• This is the Navbar when a user is logged in to our website.

🅑 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.