Grocery Hut
Grocery hut is an app that helps you to organize your shopping and remember the stuff you need from the store and don't have to worry about losing the list since every thing is backed up by the database on the backend
Features
- Add items
- delete Items
- Edit Item
CRUD App
This is a CRUD (Create, Read, Update and Delete) where we create a grocery item or delete them or edit. Each one has a specific http method
CRUD OPERATION | HTTP REQUEST METHOD |
---|---|
Create | POST |
Read | GET |
Delete | DELETE |
Update | PUT |
Frontend
React and Vite This app uses react framework and vite as a bundler
React is great for state management and creating the UI using JSX
Vite is used for the fast bundling, vite uses rollup under the hood which is faster than webpack but has less feathers which wasn't needed
Backend
Django and Django Rest Framework This app uses Django framework and django-rest framework for the api
The Backend is built using the python framework django for fast development and utilize the built-in models that the framework provides, including the database models and the views model which is used in the admin dashboard and the api view
The rest api is made using the django rest framework
Color Pallet
:root {
--yellow: #FFDBA4;
--card-bg: rgba(0, 0, 0, 0.859);
--white: #fff;
}
Fonts
<!-- Fonts Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,600;0,800;0,900;1,200;1,400;1,600;1,800;1,900&display=swap"
rel="stylesheet"
/>
``