ClearTasks © is a task manager that helps you stay productive and organized by separating your tasks into groups and categories.
Table of Contents
How to use:
- Sign in with google
- create a new group
- add as many items to the group as you want
1. Customization
You can customize each page to your liking. Choose image and emoji that best fit the tasks on the page
2. Organization
Organize each task by grouping similar items
3. Stages
Stage items in three different categories. Categories can be changed and renamed by the user
- React.js
- Styled Components <-- all components were custom styled✨>
- MongoDB
- Hosted by Heroku
This app only has a few dependencies (very lightweight) namely:
- styled-components learn more
- react-router-dom learn more
- firebase: "^9.6.3", learn more
You will need the latest version of node
- npm
- npm install npm@latest -g
To run this app locally
- Download or clone this repo
- git clone https://github.com/tedtalks_bits/cleartasks.git
- Install NPM packages
- npm install
- Run the app locally config.js
- npm start
- run this app @ http://localhost:3000/cleartasks/#/cleartasks
- Custom components
- Add dynamic + responsive grid system
- Full CRUD features
- User Customizability
- Users can change emojis, images, task stage colors
- Google sign in
Tedane Blake(twitter) - @iam_tcb
My website: https://tedtalksbits.github.io/tedaneblakedev/
As I mentioned at the top of the page, This app was heavily influenced by Notion. I enjoy using Notion, I just wish there was a lite version because of how robust(cluttered) the app is. So I was inspired to revamp one of the first apps I ever made and converted it to what I am calling: ClearTasks.
- App won't run @ http://localhost:3000/cleartasks : instead, run this app @ http://localhost:3000/cleartasks/#/cleartasks (working to resolve react router issue)