About • Video Demo • Usage • Acknowlegments • License • Contact
Apollo is a robust Kanban-style list-making application inspired by Trello that utilizes Django and Django REST Framework for its back-end, and React and Material UI for its front-end. The application features an API that enables users to authenticate using JWT and perform CRUD operations on boards, lists, and cards. Thanks to the React front-end, it operates as a single-page application, enabling smooth and seamless user experience without requiring page reloads.
Additionally, the app leverages the powerful react-beautiful-dnd library from Atlassian, which enables users to move cards between lists and reorder them with lovely animations. This feature streamlines task management, making it a hassle-free process, and provides an enhanced user experience.
Apollo.mp4
| Screenshot | Instructions |
|---|---|
 |
To access the app, you have two options: create a new account or sign in with a demo user. If you choose to sign in with a demo user, a brand new account will be generated for one-time use. |
 |
Once you're signed in, click on "Create new board" to create your first board. |
 |
Give your board a title between 1-128 characters, and then press "Create" or the ENTER key. |
 |
You'll be taken to the board page. To add a new list, click "Add a list". |
 |
Enter a title for the list (1-128 characters) and click "Add list" or press ENTER to create it. You can add as many lists as you want. To cancel the operation, click the "X" button or anywhere outside the box. |
 |
To add cards to your lists, follow the same process as you did with lists. |
 |
If you need to rearrange your cards, simply click and drag them to reorder or move them between lists. |
 |
To rename a board, list, or card, click on the title, enter the new name, and confirm with ENTER. |
 |
If you want to delete a card, click on it, and the trash can icon will appear. Click it to delete the card. |
 |
To delete a list, click on the three dots button next to its name. A dropdown menu will appear, and you can select "Delete list" from there. |
 |
If the list contains cards, you'll be asked to confirm your choice, as all cards will be deleted. |
 |
You can easily switch between boards through the Boards menu on the navbar. |
 |
Similar to lists, you can delete the entire board by clicking the dropdown menu on the top right of the board. This will take you to the home page with a confirmation message that the board has been deleted. |
Distributed under the MIT License. See LICENSE for more information.
Bruno Samuel - LinkedIn - brunosag@outlook.com.br