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 5 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. Dev Ashish Saurabh
2. Rajashree Chakraborty
3. Aman Jha
4. Gaurav Singh
5. Nirmal Patel

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)

d.Bootstarp 5 (Modal)

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.

 <- - - - - - -  - - - - - - - - - - - - - -Links and Acclaim - - - - - - - - - - - - - - - - - - - - - ->

‣ WebPage deployed link:

• Github Repo LINK: https://github.com/Devashishsaurabh/KindMeal.my-Clone

• Github Site Deployment link: https://devashishsaurabh.github.io/KindMeal.my-Clone/

• Netlify Link: https://lucent-narwhal-b8e29a.netlify.app/

• Blog Link: https://medium.com/@onlyvishwasindia/project-kindmeal-my-clone-648e86d3e588

• A video link for an explanation of a Small Part of the Website: https://drive.google.com/file/d/1-cIDRO9owaDFjPhYs8cLPD-TgPWsdQqS/view?usp=sharing

‣ Acclaim for team members' Contributions:

⁍ Dev Ashish Saurabh:

- Linkedin: https://www.linkedin.com/in/dev-ashish-saurabh/

1.Contribution:

2.Creation of functional Navigation bar which includes the hovering, Popup, and routing.

3.Creation of Footer which includes the hovering and routing.

4.Create a Full Landing Page With All functionality.

5.Enabled functionalities with extensive use of JavaScript.

6.Integrated all the pages with functionality to deliver a seamless experience to the user.

7.Most Importantly assessment of team members' daily schedule tasks,
daily morning scrum for dividing the task, taking daily assessment reports jointly contributing with team members @Rajashree Chakraborty, @Aman Jha,@Gaurav Singh, and @Nirmal Patel, and arranging team meetings to rectify and fix the bugs.

8.I've also managed the team and project as a Leader.

My most satisfying contribution was building a transparent, inclusive, and very effective communication environment for my teammates.

⁍ Rajashree Chakraborty:

- Linkedin: https://www.linkedin.com/in/rajashree-chakraborty-715a631b8

Contribution:

1.Creation of the signup page and linking it to the signup modal.

2.Implementation of the signup process with the help of JavaScript and saving the signup data using local storage.

3.Creation of signup popup (modal) using bootstrap which is linked to the navbar.

4.Creation of the login popup (modal) which is linked to the navbar.

5.Implementation of the login process using Javascript with the help of the data stored in local storage and also showing the name of the person logged in, on the       navbar.

6.Directory page, showing the food menu.

7.I've also managed the team and project as a Co-Leader.

⁍ Aman Jha:

Linkedin: https://www.linkedin.com/in/aman-jha-729b521a9

Contribution:

1.Creation of the Hot pick & Recipes Page which is linked to the navbar.

2.Also, I have solved some of the bugs.

⁍ Gaurav Singh:

Linkedin:https://www.linkedin.com/in/gaurav-singh-900b3b228/


Contribution:

1.Creation of the Meal Deal with next and previous button functionality & KindMoment Page which is linked to the navbar.

2.Also, I have solved some of the bugs.

⁍ Nirmal Patel:

Linkedin:

Contribution:

Creation of the Articles page & Help Page with All Sections which is linked to the navbar.

Also, I have solved some of the bugs.