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:

Raushan Raj
Amit singh
Shridhar Hakke
Shreshth Raj
Lakhan Gurnule
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.