Skip to content

We are given a task to make a functional clone website of The World's 1st Meat-Free Lifestyle Platform KindMeal.my. KindMeal.my is a Malaysia startup Founded by Andy K oh in 2008, PetFinder.

Notifications You must be signed in to change notification settings

raushanraj901/Kindmeal-Clone

Repository files navigation

Project KindMeal.my-Clone

Collaboration Project KindMeal.my

Hello everyone, this is a Readme for our construct week project that has been completed successfully within the duration of 5 days. It had 6 team members including me. Below we have described the responsibilities shared by each of us with our respective details and social handles.

My teammates are:

  1. Raushan Raj
  2. Amit singh
  3. Shridhar Hakke
  4. Shreshth Raj
  5. Lakhan Gurnule
  6. Priyanka phulmante

The Journey:

The Journey so far has been challenging and fun at the same time for my team this was our second project and the deadline was just a week, it all felt like we were working on a real product, and also we tried to enact the overall activity as the real working climate where we used git commands to collaborate throughout the project. The planning, discussions, and other team-relevant activities were done via zoom meetings. Each of us handled different tasks to ensure the successful submission of the project.

Project Details:

We are given a task to make a functional clone website of The World's 1st Meat-Free Lifestyle Platform KindMeal.my. KindMeal.my is a Malaysia startup Founded by Andy K oh in 2008, PetFinder.my has been working hard with nationwide animal shelters, rescuers, and pet lovers to improve Malaysia's animal welfare. Much of our focus was centered upon pets - specifically, dogs and cats (alright, we have rabbits, hamsters, birds, fishes, turtles-, and chickens too). The website has lots of functionalities such as login, signup, Landing-page, Meal Deals, KindMoments, Hot Picks, Recipes, Directory, Articles, Help, etc. We tried our best to clone the website from scratch based on the knowledge gained from unit-3 of Journey (unit 1–3) at Masai School. We have imparted the majority of functions that the KindMeal. 

Tech-Stack:

a.HTML (structuring)

b.CSS (styling)

c.Advance Javascript & ES6 (functionality)

Glimpse and Screenshots of our cloned website:

🅐 Navbar:

  • This is the landing page of our website. Clicking an option on the Navbar will redirect to the respective page.

🅑 Home Page:

  • The images on the home page are linked to all Pages. Hence clicking on it will ensure successful redirection to the next Page.

  • We also have a feature like Slideshows of food Images with Some Special Discounts and Recent Facebook posts by KindMeal.my, Yummylicious Moments, Discover Restaurants, etc.

  • Content page with KindMeal.my official social media link, contacts, policies, information, account, and address.

Footer bar:

  • Here we have functions such as KindMeal.my official social media link, contacts, policies, and information. account, and address.

  • KindMeal.my official social media link, contacts, policies, and information. account, and address.

🅒 Signup:

  • Here we have a Modal Function on the landing page when users click on signup they get a popup on the screen click on Foodlover 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 or he/she can also log in with the page by clicking Email Button it will also get a popup of login.

🅓Login page:

  • 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 profile section after login.

🅔 Meal Deals:

  • Users can Select Meat-Free Deal by their preferences with options.

  • Users get a Button for the Next Page to get more Deals.

  • Users get a Button for the Previous Page to get previous Deals.

🅕 KindMoment:

  • Here User Gets Some yummy pic of food and Reviews of food Given by the Customers.

🅖 Hot picks:

  • on the page, Users see the categories option and some Pictures of Food.

🅗 Recipes:

  • on the page, Users see the categories option and some Pictures of Food.

🅘 Articles:

  • On Article Page User See some Yummy News, Articles & Videos that are posted by KindMeal.my.

🅙Help

  • On the Help Section, users get multiple options for help just like advertising help, General Help, Contact Us, etc.

Technically Help is the last page our team developed for the best User Interface UI smooth Operations.

Netlify Link:

https://fantastic-horse-7681f8.netlify.app/

About

We are given a task to make a functional clone website of The World's 1st Meat-Free Lifestyle Platform KindMeal.my. KindMeal.my is a Malaysia startup Founded by Andy K oh in 2008, PetFinder.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published