Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vedant-jain03/mlh-hack-commerce
https://github.com/vedant-jain03/mlh-hack-commerce
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/vedant-jain03/mlh-hack-commerce
- Owner: vedant-jain03
- Created: 2023-01-28T03:53:58.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-02-02T11:34:39.000Z (about 2 years ago)
- Last Synced: 2024-11-11T16:45:04.022Z (3 months ago)
- Language: JavaScript
- Homepage: https://vedant-jain03.github.io/mlh-hack-commerce/
- Size: 2.99 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
✨ Welcome to KitchenCart 🛒 🍱 ✨
## Inspiration 🧑🎨
1. The inspiration behind building this platform was to help busy individuals and families easily plan and shop for their meals. We noticed that meal planning and grocery shopping could be a time-consuming and overwhelming task, especially for those with busy schedules.
2. We were inspired by our own struggles with meal planning and grocery shopping and realized that there must be a better way to make this process more efficient and convenient.
3. We saw a gap in the market for a platform that simplifies the process of meal planning and grocery shopping and set out to build a solution that addresses this need.
4. We wanted to create a tool that saves time and effort and makes it easier for people to eat healthy and delicious meals.
## What it does ⛳
* The platform allows users to input a recipe and generates a shopping list of all the ingredients needed for that recipe.
* Users can review and modify the list before adding the items to their cart and checking out to complete their purchase.
* The platform allows users to search for recipes by ingredients, cuisine, and dietary restrictions.
* It also allows users to save their favorite recipes for easy access later.
* Users can also create custom shopping lists for items they need to purchase regularly.
* It also allows users to track their purchase history.
* It also suggests recipes based on the ingredients in the user's cart.
## How we built it 🚧
* The front end of the platform was built using React.js, which allowed us to create a fast, responsive and dynamic user interface.
* We used Auth0 for user authentication and authorization, allowing users to securely sign up, log in, and access their account information.
* For the design and styling of the platform, we used ReactIcons, which provided us with a wide range of customizable icons that helped to create a visually appealing and user-friendly interface.
* We used Git and GitHub for version control, allowing us to collaborate and track changes effectively during the development process.
* We used Github's issue-tracking system to keep track of the progress and tasks.
* We also used Github's pull request system for code review before merging the code.
## Challenges we ran into 🩹
* One of the challenges we faced was integrating the shopping cart functionality with our recipe database. We had to ensure that the correct ingredients were added to the cart for each recipe and that the prices and quantities were accurate.
* Another challenge was implementing the recipe search and filtering functionality. We had to make sure that the search results were relevant and that the filtering options were intuitive and easy to use.
* We faced some challenges in implementing the user authentication and authorization using Auth0, as it was the first time we were using it. But, we went through the documentation and solved it.
* Another challenge was in implementing the design and styling of the platform, as we wanted to create a visually appealing and user-friendly interface while keeping it simple.
* There were some challenges while working with Git and GitHub, as it was the first time we were using it for version control. But, we went through the documentation and solved it.
## Accomplishments that we're proud of 🏆
* We successfully integrated the shopping cart functionality with our recipe database, which allows users to easily add ingredients to their cart and purchase them.
* We implemented a user-friendly recipe search and filtering functionality, which allows users to easily find the recipes they are looking for based on ingredients, cuisine, and dietary restrictions.
* We successfully implemented user authentication and authorization using Auth0, which provides secure access to user account information.
* We are proud of the design and styling of the platform, which we believe is visually appealing and user-friendly.
* We are proud of the fact that we used Git and GitHub for version control, which helped us collaborate and track changes effectively during the development process.
* We also succeeded in implementing features like saving favorite recipes, creating custom shopping lists, and tracking purchase history.
## What we learned 🕯️
* We learned how to integrate a shopping cart functionality with a recipe database and how to ensure that the correct ingredients are added to the cart for each recipe and that the prices and quantities are accurate.
* We learned how to implement a recipe search and filtering functionality and how to make sure that the search results are relevant and that the filtering options are intuitive and easy to use.
* We learned how to use Auth0 for user authentication and authorization, which will be helpful for future projects as well.
* We learned how to design and style a visually appealing and user-friendly interface while keeping it simple.
* We learned how to use Git and GitHub for version control, which was a new experience for us.
* We also learned how to work with Reactjs, React icons, and other technologies we used in the project.
* We learned about the importance of user feedback, testing, and how to implement features based on it.
## What's next for KitchenCart 🧑💻
* We plan to integrate with local grocery stores and supermarkets so that users can purchase ingredients directly from our platform and have them delivered to their doorstep.
* We plan to add a community feature that allows users to share and rate recipes and follow other users to discover new recipes.
* We are planning to add the feature of generating a grocery list based on the upcoming week's meals so that users can plan their grocery purchases in advance.
* We plan to add more options for dietary restrictions and food allergies so that users with specific dietary needs can find recipes that are appropriate for them.
* We plan to improve the user experience by adding more personalization features such as recipe recommendations based on the user's history and preferences.
* We plan to develop a mobile app so that users can access KitchenCart on the go.
* We are also planning to integrate with other cooking devices like smart ovens and cookers to make the cooking process even more seamless for our users.
## UI of the project 😎
| | 
|-|-|
|  | 
## TechStack 🧑💻
- **Frontend:** ReactJs
- **Login and Signup:** Auth0
- **Version Control:** Git and GitHub
- **Hosting:** GitHub Pages
- **Code Editor and tools**: VS Code
[](https://github.com/vedant-jain03/mlh-hack-commerce)
[](https://github.com/vedant-jain03/mlh-hack-commerce)