All Projects β†’ vdevired β†’ Trello Clone

vdevired / Trello Clone

Licence: mit
A Trello clone made using Django and React

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Trello Clone

Vycontrol
vyos frontend
Stars: ✭ 92 (+31.43%)
Mutual labels:  django, frontend
Awesome Cheatsheets
πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Stars: ✭ 26,007 (+37052.86%)
Mutual labels:  django, frontend
Justchat
A chat application built with Django channels.
Stars: ✭ 183 (+161.43%)
Mutual labels:  django, frontend
Aws Boilerplate
Opinionated full stack web app's boilerplate, ready to be deployed to AWS platform.
Stars: ✭ 682 (+874.29%)
Mutual labels:  django, frontend
Djreact
A simple introduction to integrating Django and React.
Stars: ✭ 317 (+352.86%)
Mutual labels:  django, frontend
Sharebook Frontend
Projeto frontend de cΓ³digo livre para o app Sharebook.
Stars: ✭ 59 (-15.71%)
Mutual labels:  trello, frontend
Awesome Django Cn
Django δΌ˜η§€θ΅„ζΊε€§ε…¨γ€‚
Stars: ✭ 1,153 (+1547.14%)
Mutual labels:  django
Django Vue Template
Django Rest + Vue JS Template
Stars: ✭ 1,155 (+1550%)
Mutual labels:  django
Notifier
Notifications library made with VanillaJS.
Stars: ✭ 67 (-4.29%)
Mutual labels:  frontend
Django Simple Captcha
Django Simple Captcha is an extremely simple, yet highly customizable Django application to add captcha images to any Django form.
Stars: ✭ 1,151 (+1544.29%)
Mutual labels:  django
Indrz
Indoor mapping, routing system for orientation and wayfinding or facility management
Stars: ✭ 69 (-1.43%)
Mutual labels:  django
Djangosaml2idp
SAML 2.0 Identity Provider in Django
Stars: ✭ 69 (-1.43%)
Mutual labels:  django
Bank
🏦 Full Stack Web Application similar to financial software that is used in banking institutions | React.js and Node.js
Stars: ✭ 1,158 (+1554.29%)
Mutual labels:  frontend
Frontend
CircleCI's frontend
Stars: ✭ 1,155 (+1550%)
Mutual labels:  frontend
Docker Elk Tutorial
docker-elk-tutorial + django + logging
Stars: ✭ 69 (-1.43%)
Mutual labels:  django
Python Testing Crawler
A crawler for automated functional testing of a web application
Stars: ✭ 68 (-2.86%)
Mutual labels:  django
Boardforgithub
A small application to monitor your GitHub project web page in a webview-based native macOS app
Stars: ✭ 69 (-1.43%)
Mutual labels:  trello
Graphene Auth Examples
Examples of authentication and authorization with django graphene
Stars: ✭ 67 (-4.29%)
Mutual labels:  django
Ui Challenges
UI challenges by Semicolon, we accept challenges on twitter on #SemicolonChallenge
Stars: ✭ 69 (-1.43%)
Mutual labels:  frontend
Django Webpacker
A django compressor tool that bundles css, js files to a single css, js file with webpack and updates your html files with respective css, js file path.
Stars: ✭ 69 (-1.43%)
Mutual labels:  django

trello-clone

A Trello clone made using Django Rest Framework, SASS, React, and Redis.

Features

  • Register and Login
    • JWT Authentication to connect DRF and React
    • Can login with username or email
  • Projects (Teams)
    • Create Projects
    • Invite members to join projects via one time link
    • Change member access level - Admin or Normal
      • Admin can edit project details, invite new members, and change other members' access levels.
  • Boards
    • Create personal boards or project boards
    • Recently Viewed Boards
    • Starred Boards
    • Create and reorder lists
    • Create, reorder, and change list of cards
      • Add labels to cards
      • Assign members to cards
      • Add attachments to cards
      • Add comments to cards
    • Search
      • Autocomplete (Debounced)
    • Unsplash API Integration
      • Set environment variable REACT_APP_UNSPLASH_API_ACCESS_KEY with access key
    • Automatically adapt header and board title styling based on brightness of board background
  • Notifications
    • When someone assigns you to a card
    • When someone comments on a card you're assigned to
    • When you're invited to a project
    • When someone makes you admin of a project

Getting Started

  1. Install Python, Yarn, Redis.
  2. Clone the repo
$ git clone https://github.com/vdevired/trello-clone.git
$ cd trello-clone
  1. Install pipenv, a python virtual environment manager. Install backend dependencies and run migrations to create database. Default database is SQLite.
$ cd backend
$ pipenv install
$ pipenv run python manage.py migrate
  1. Install frontend dependencies.
$ cd frontend
$ yarn install
  1. Run redis on port 6380
$ redis-server --port 6380
  1. Run both frontend and backend servers with following commands in appropriate directories.
$ pipenv run python manage.py runserver
$ yarn start

Screenshots

Board Page Video Landing Page Login Page Home Page Add Board Modal Create Project Modal Project Page Project Page 2 Card Modal

Design Inspiration: https://www.behance.net/gallery/47031411/Trello-Atlassian-Redesign

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].