tedtalksbits / cleartasks

ClearTasks: An app inspired by Notion

ClearTasks © is a task manager that helps you stay productive and organized by separating your tasks into groups and categories.

Live Site

Table of Contents

About The Project🎙

A Notion inspired task manager

How to use:

• Sign in with google
• create a new group
• add as many items to the group as you want

(back to top)

Features:

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

Built With🛠

• React.js
• Styled Components <-- all components were custom styled✨>
• MongoDB
• Hosted by Heroku

(back to top)

Getting Started😀

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

Prerequisites😤

You will need the latest version of node

• npm
• npm install npm@latest -g

Installation⬇️

To run this app locally

1. Download or clone this repo
2. git clone https://github.com/tedtalks_bits/cleartasks.git
3. Install NPM packages
4. npm install
5. Run the app locally config.js
6. npm start
7. run this app @ http://localhost:3000/cleartasks/#/cleartasks

(back to top)

(back to top)

Roadmap🛣

• Custom components
• Add dynamic + responsive grid system
• Full CRUD features
• User Customizability
• Users can change emojis, images, task stage colors
• Google sign in

(back to top)

Contact📞

Tedane Blake(twitter) - @iam_tcb

My website: https://tedtalksbits.github.io/tedaneblakedev/

(back to top)

Acknowledgments

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.

• Notion

(back to top)

Issues log

• App won't run @ http://localhost:3000/cleartasks : instead, run this app @ http://localhost:3000/cleartasks/#/cleartasks (working to resolve react router issue)