Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scjadhav21/project_food_hub

Food Hub.com leading meat-free lifestyle platform, indulging you with delicious discounted vegetarian and vegan meals at popular restaurants and cafes. Experience a tasty, healthy and compassionate meatless dining experience now!
https://github.com/scjadhav21/project_food_hub

bootstrap bootstrap3 chakra-ui css3 html5 javascript reactjs

Last synced: 4 months ago
JSON representation

Host: GitHub
URL: https://github.com/scjadhav21/project_food_hub
Owner: SCjadhav21
Created: 2022-12-13T07:25:10.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2023-01-31T08:45:22.000Z (about 2 years ago)
Last Synced: 2024-10-10T04:23:23.111Z (4 months ago)
Topics: bootstrap, bootstrap3, chakra-ui, css3, html5, javascript, reactjs
Language: JavaScript
Homepage: https://velvety-pastelito-499046.netlify.app/
Size: 24.3 MB
Stars: 5
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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

![Logo](https://www.kindmeal.my/photos/deal/5/518-3788-m.jpg)
## Technologies Used
#### Tech Stack-

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

## Home Page
![Home Page](https://user-images.githubusercontent.com/105934309/215709824-f1e8ecca-f6fc-4b61-a19f-c624f753ac73.jpeg)

## Login Page
![WhatsApp Image 2023-01-31 at 14 05 14](https://user-images.githubusercontent.com/105934309/215709561-4d476bba-c972-4188-b0ef-f3999eaf52db.jpeg)

## Recipes Page
![Recipes Page](https://user-images.githubusercontent.com/105934309/215710338-0fe1d0f6-d4a4-4e6c-a445-4e70f8400567.jpeg)

## Directory Page
![Directory Page](https://user-images.githubusercontent.com/105934309/215710578-f773e8b9-2f23-4818-993d-b585e9132976.jpeg)

## Article And Video page
![Article Page](https://user-images.githubusercontent.com/105934309/215710863-58d3bb8c-7fb3-40bb-9357-6dfcedd39e63.jpeg)

## Help Page
![Help Page](https://user-images.githubusercontent.com/105934309/215711208-c6053592-1e58-45ac-9577-9558f65553b6.jpeg)

### 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
4. User can filter and sort their search on various parameters, i.e. price, relavance, and many more
5. User can select the Quantity while purchasing any product
6. 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