/Airtable.com-Clone

Airtable was founded on the belief that software shouldn't dictate how you work—you should dictate how it works. Our mission is to democratize software creation by enabling anyone to build the tools that meet their needs. People around the world use Airtable to do everything from cattle tracking to filmmaking.

Primary LanguageJavaScript

Project name assigned:- silky-cannon-605

Welcome to the WebTaskit website

Here is the task tracking website in this website I worked in a team of 5 members And I made a dynamic task management functionality so that users can manage their tasks and can plan accordingly, On our website calendar events are also there with will help full for users to track date-wise, day-wise, and month-wise planning as well.

Functionality

  • Fully responsive layouts.
  • Authentication of users and admin both.
  • Users can create their tasks to do.
  • Users can also create, edit, and delete their subtasks.
  • Users can create their tasks, can edit tasks, and can delete the tasks as well.
  • Users can track their work by creating calendar events.
  • Users can filter their tasks based on three different tags: - personal, official, and others.
  • Users can create, update and delete calendar events according to their project planning.
  • Admin functionality in which the admin can make changes in data and API or delete users and data from the admin site itself.
  • Different users can manage their data according to them, an individual user can not make changes in another one, only he/she can make changes in his/her data.

Home Page:

home


Overview Page:

overview page

Pricing Page:

pricing_page

Enterprice Page:

enterprice_page

Resources Page:

resources

Task Page:

task_home

Task Edit Page:

task_edit_page

Users Can add tasks here for proper working and work tracking


Calendar Page:

calendar_add_event

Singleuser Page:

adminsideuser page

Admin-dashboard Page:

admin-dashboard

Footer Page:

footer_page

Tech Stack & Tools:-

  • React
  • Redux
  • Redux-Thunk
  • React-router-dom
  • CSS
  • Chakra UI
  • Styled-Component
  • Node Package Manager
  • Postman
  • Mock API
  • vs-code
  • Github
  • Vercel for deployment

Group Project:-

Team of 5 members:-



💻 Tech Stack

reactjs redux css3 styled component chakra-ui react-router

Tools

vscode git npm github postman