Export report Angular

Small angular project. Its showing a list of data(reports) and including a open/close modal to create a new report schedule. Project include API with endpoints created in Django Rest Framework. Angular - django communication.

Installation

The software you need

• Install python 3.9 or newer from Python.org
• Install nodejs from nodejs.org
• If u don't have code editor install PyCharm or Visual Studio Code

Backend installation

• Navigate to .\server_api\

  cd .\server_api\

• Install pip tool.

  python -m pip install -U pip  

• Install virtualenv package.

  pip install vitualenv

• Create new enviroment.

  virtualenv env

• Activate enviroment.

  .\env\Scripts\activate

• Install packages.

  pip install -r .\requirements.txt
  

• Navigate to server_api\api

  cd .\api\   

• Migrate.

  python manage.py migrate

• Load fixtures. (This step can be skipped)

  python manage.py loaddata fixtures.json

• Run server

  python manage.py runserver

Keep server on. Open new terminal to turn on angular client.

Frontend installation

• Navigate to \reports\client\

  cd .\reports\client\

• Install node packages.

  npm install

• Run server.

  ng serve

  Click the link in console to open website in your browser