https://github.com/newswangerd/modern-web-app-demo

https://github.com/newswangerd/modern-web-app-demo

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/newswangerd/modern-web-app-demo
• Owner: newswangerd
• Created: 2022-07-16T14:53:14.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-06-08T21:19:36.000Z (over 1 year ago)
• Last Synced: 2024-10-04T13:45:20.888Z (3 months ago)
• Language: TypeScript
• Size: 409 KB
• Stars: 2
• Watchers: 3
• Forks: 4
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a demo of a modern web application using a RESTful API (written in Django + Django REST Framework) and single page web application written using Typescript and React.

It's a simple todo app that lets users create an account, create a list of tasks and add tasks to their list.

## Setup

### Run the API

This requires Python 3.

```shell

# create a python virtual env

python3 -m venv venv

source venv/bin/activate

# install the requirements

pip install -r requirements.txt

# start up the app

python api_server/manage.py migrate

python api_server/manage.py runserver

```

The api server should run on http://localhost:8000/

### Run the UI

This requires Node 16+.

```shell

# Install NPM requirements

cd web_client/

npm ci

# Run the UI

npm start

```

The web UI should run on http://localhost:3000/

## Screenshots

Create a new user

![Create a new user](docs/sign_up.png)

To do list

![To do list](docs/todo_list.png)