Kind-Meal

KindMeal.my is Malaysia's leading meat-free lifestyle platform, indulging you with delicious discounted vegetarian meals to save animals, health.

Technologies Used

Tech Stack-

Home Page

Login Page

Recipes Page

Directory Page

Article And Video page

Help Page

Deployed Link

Deployed with netlify app

velvety-pastelito-499046.netlify.app/

Run Locally

Install npm packages

npm install

Run the server

npm start

View in Browser

go to http://localhost:3000

Functionalities of the website

1. A user can register his account on the website
2. User can log in using their mobile number through otp authentication
3. User can search from the variety of products available
4. User can shear there moments and recipies
5. User can filter and sort their search on various parameters, i.e. price, relavance, and many more
6. User can select the Quantity while purchasing any product
7. User can checkout with razor's payment gateway through Card, UPI, Netbanking, etc.

Snippets

Click the link to view project: Kind-Meal

Lessons Learned

As we never really stop learning, This was our 1st full-stack project, and as usual there were a lot of chalenges with the learnings we experienced. some of the highlighted learning were:-

• Algorithm building for users data such as, items in cart, location etc.
• Playing with animation to get desired output
• building custom filters
• Using Tailwindcss for better styling experience