/ClickUp-Clone

A clone of the ClickUp website. Created using NextJS, MongoDB and Express

Primary LanguageJavaScript

ClickUp Clone

simplescreenrecorder-2022-07-05-145942_bZFR0S5Q.mp4

This is a clone of the project management service ClickUp, developed using NextJS, Express and MongoDB.

Local Setup

Check out the Wiki for detailed instructions https://github.com/AshishS-1123/ClickUp-Clone/wiki/Local-Development-Setup

Features Completed

  1. User Authentication
  2. Creating Workspaces and switching between them.
  3. Creating Spaces, Folders and Lists to organize your tasks.
  4. Creating Tasks and adding Priorities and Statuses to them.

I have also created some dummy data and exported to CSV that you can use to populate your database (Check the dummy-db-data folder). Check this link on how to use it.

Basic Usage

  1. Creating Workspaces

After registering, you will have a default workspace called Default Workspace. You can also creating a new one by clicking on the Settings button in the Navigation Menu and then clicking on the '+' button.

Above the '+' button you will see the avatars of all existing workspaces you own. Click on any of them to switch.

  1. Creating spaces

The button for creating spaces is hard to miss.

  1. Creating Folders, Lists, Tasks

If you hover over any of the space button in the navigation menu, you will see three dots and an arrow. Clicking on the dots will show a dialog to insert folders or lists. Clicking on the arrow will show the children of the current item. Same goes for lists and folders.

  1. Creating other stuff

You can also create priorities and statuses for the settings menu. These will define the priorities and statuses that you can assign to a task. In the future, I will also be using them to sort and group tasks in different views.

Instructions for Deploying

  1. Deploy server.

Run following command from root directory.

git subtree push --prefix server heroku master
  1. Deploy Client

Works automatically as I am using Vercel.