Congratulations! You're almost there but we have one last task for you before your graduation day. The best news? You can keep your project after the course's over and add it to your portfolio! Ain't that cool?
It'll give you the much needed experience of working on a real-world project with a strict and non-negotiable deadline while providing the necessary freedom to get your wheels of creativity spinning.
Given the basic application scaffolding, your goal is to build a simple task management tool similar to Trello. If you haven't heard about Trello up until now, now would be a good time to go check it out.
Worry not, you don't have to build a fully-featured clone of Trello. While there are a few functional requirements you will have to meet but we'd like to encourage you to make it your own unique creation in the first place.
Now, without further ado, go ahead and set up a new Trello account for free. Other than getting some inspiration, you'll also be using Trello to manage your project until your own app is ready for the prime time. Your project coordinator should've given you access to a templated Trello board which reflects the best practices in the world of digital project management.
These are non-negotiable project requirements that you HAVE TO meet to consider your project shippable:
- Creating new boards
- Editing boards
- Deleting boards
- Creating new lists within a board
- Editing lists
- Delete a list
- Creating new cards within a list
- Edit a card
- Archiving cards
- Drag and drop cards between lists
As stated earlier, you're more than encouraged to come up with your own enhancements and features. Here are a few examples for additional features we thought are nice to have:
- Copy
- Move to another board
- Share
- Stats
- Users
- Code-splitting
In this section, you'll find relevant project information and a getting started guide.
-
Fork the repository using the "Use this template" button
-
Clone the repository
git clone https://github.com/USERNAME/REPONAME.git # or use ssh git clone [email protected]:USERNAME/REPONAME.git # optionally add this template as an upstream remote git remote add upstream https://github.com/sudolabs-io/bootcamp-final-assignment.git # or use ssh git remote add upstream [email protected]:sudolabs-io/bootcamp-final-assignment.git
-
Make a copy of data/database.json.dist and rename it to
data/database.json
-
npm install
-
npm run start:server
-
npm run start:client
-
Head out to the Trello board, pick a task and start working on it, then rinse and repeat.
-
code REPONAME
and install the recommended extension
You can deploy this repository to Heroku by clicking the button below.
Please note this button won't work from within a private repository. Thus make sure your repo is public before clicking the button. See the following guide to learn about possible workarounds.
- https://github.com/typicode/json-server#table-of-contents
- https://vitejs.dev/
- https://chakra-ui.com/docs/getting-started
- https://react-icons.github.io/react-icons/
- https://reactrouter.com/web/guides/quick-start
Open vite.config.js and uncomment the relevant section that enables polling.
You'll need to run node node_modules/esbuild/install.js
in the root of your project.