Ecommerce Udemy Course - Django and React

Initial setup/configuration

Details on setting up local machine, including PyCharm, etc. for this course.

  1. Create empty github repo
  2. Clone newly created github repo in PyCharm
  3. In PyCharm project, setup a venv for the project.
  4. Add README.md and gitignore files to the repo and commit/push.

React Front End setup

Add a React front end project.

Step 1 - Run npx command to create the react app.

Run the following command to create the react app in the root project folder.

npx create-react-app frontend

This adds a new folder called frontend/

Output from npx command.

Success! Created frontend at /mnt/c/Users/david/Dropbox/Programming/Python/PyCharmProjects/django-react-ecommerce-course/frontend
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd frontend
  npm start

Backend Setup

DJango

AWS

Database

Postgres