- Auto formatted with Prettier and Black
- Tested with Jest, Pytest and Cypress
- Continuous Integration
- Typescript
- React with functional components and hooks
- Redux Toolkit
- Components & styling with Material-UI and Emotion
- Drag & Drop using react-beautiful-dnd
- Unit tests with React Testing Library
- Integration tests with Cypress
- Django REST framework for a powerful API
- Django ORM for interacting with the database
- PostgreSQL
- Unit tests with Pytest
- Blazing fast Nginx
- Dockerized production setup
- Continuous integration with CircleCI
- Server setup and deployment with Ansible
- Code samples for blog posts
- Implementing Auto DevOps
- Playing with tools that are free for open source
- Styling with Emotion
- Multiple kanban boards
- Drag & drop tasks
- CRUD for tasks, labels & columns
- Edit task descriptions with Markdown
- Manage board members
- Update your profile & pick an avatar
Steps to locally setup development after cloning the project (only tested on MacOS).
Note: docker-compose is currently only used for production.
Have Python 3.8 installed and in PATH. Installing Python: https://realpython.com/installing-python/
python3 --version
# Python 3.8.2cd backend
python3 -m venv .venv
source .venv/bin/activate
pip install -r requirements/local.txt
python manage.py migrate
python manage.py createsuperuser --username admin --email [email protected]
python manage.py loaddata avatars
python manage.py runserverThe Django API is now accessible at http://localhost:8000/api/
Note - the admin backend available at http://localhost:8000/backdoor/
node --version
# v12.16
yarn --version
# 1.22.4cd frontend
yarn install
yarn startReact app is now accessible at http://localhost:3000
Check formatting & quality with eslint
yarn lintRun Jest tests
yarn testRun Cypress tests
yarn cypress runRun Python tests
python -m pytestCheck formatting with Black
black --exclude .venv .- Django with Web Apps on Linux with React.
Licensed under the MIT license.