One stop solution for home groceries tracking, recipe collecting and meal planning


View Full Demo · Report Bug · Suggest Feature

The motivation behind this project was to create a sophisticated application which requires in-depth planning to execute. This is without a doubt the most ambitious project I've done so far.
When I set out to build this app I only had basic knowledge of React, and learning by doing proved to be the best way to pick up React fast.

• django
• react
• django-rest-framework
• djangorestframework-simplejwt
• Material UI

This project utilizes a django backend and a React frontend.

The django backend is implemented as a REST API using django-rest-framework. The react frontend uses react-router-dom for routing. Additionally, I heavily used material-ui for React components and design inspiration.

Authentication is achieved using JWT.

All forms have error highlighting with relevant messages,

This is achieved by response from the API, not checked manually using JavaScript.

To get a local copy up and running follow these steps.

• npm

  npm install npm@latest -g

• pip

   python -m pip install --upgrade pip

1. Clone the repo

   git clone https://github.com/shamsow/django-react-homemaker.git

2. Install NPM packages

   cd react/homemakerapi
   npm install

3. Install pip packages

   cd django
   pip install -r requirements.txt

• Backend

  cd django
  python manage.py migrate
  python manage.py runserver

• Frontend

  cd react/homemakerapi
  npm start

See the open issues for a list of proposed features (and known issues).

Distributed under the MIT License.