Project KindMeal.my-Clone

Individual Project KindMeal.my

Hello everyone, this is a Readme for my construct week project that has been completed successfully within the duration of 5 days. It was really greate experience for me. Below I have described the Features of my project.

The Journey:

The Journey so far has been challenging and fun. this was my second individual project and the deadline was just a week, it all felt like I was working on a real product, and also I tried to enact the overall activity as the real working climate where I used git commands & React project Structure. The planning and other doubt solving activities with IA were done via zoom meetings.

Deployed Links:

• https://quack-building-4956.vercel.app/
• https://kindmeal9.netlify.app/

Download ZIP:

• https://github.com/swarup-1/quack-building-4956/archive/refs/heads/main.zip

Project Details:

I got 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 some pages such as Login, signup, Landing-page, Meal Deals, Help, etc. I tried my best to clone the website from scratch based on the knowledge gained till unit-4 of Journey at Masai School.

• Original LOGO :
• My LOGO :

Tech-Stack:

• React.js
• React Routing
• node js
• CSS
• HTML
• Chakra UI Library
• Advance Javascript (ES6)

Glimpse and Screenshots of our cloned website:

Navbar:

• This is the landing page of my 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.

• This project have a feature like Slideshows of food Images along with Hotel Image. & can be accessable by clicking on below small previews.

• 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 any page when users click on signup they get a popup on the screen with two options like FoodLover & Restaurant / Shop Owner.
• User can Create account ny filling Signup Form

Login page:

• Here we have a Modal Function on any page when users click on 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.
• User can Login with regestered email ID

Meal Deals:

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

• Users can Paginate on any meals pages by clicking on numbers

• Users can access MealDeals by All categories by selecting input.

• Users can access MealDeals by All Location by selecting input.

Kind Moment:

• Users can access Moments by All Location by selecting input.

• Users can Paginate on any Moments pages by clicking on numbers

• Users get a Button for the Next & Previous Page to get Moments.

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 developed for the best User Interface UI smooth Operations.