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
- A user can register his account on the website
- User can log in using their mobile number through otp authentication
- User can search from the variety of products available
- User can shear there moments and recipies
- User can filter and sort their search on various parameters, i.e. price, relavance, and many more
- User can select the Quantity while purchasing any product
- 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