https://github.com/artyomagadzhanyan421/taskify

Task manager application using MERN stack with TypeScript and Redux Toolkit.
https://github.com/artyomagadzhanyan421/taskify

boxicons postman react-components react-hooks react-redux react-router reactjs typescript-react

Last synced: 3 months ago
JSON representation

Task manager application using MERN stack with TypeScript and Redux Toolkit.

• Host: GitHub
• URL: https://github.com/artyomagadzhanyan421/taskify
• Owner: artyomagadzhanyan421
• Created: 2025-03-18T08:13:04.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-03-18T09:22:27.000Z (about 1 year ago)
• Last Synced: 2025-03-18T09:34:16.499Z (about 1 year ago)
• Topics: boxicons, postman, react-components, react-hooks, react-redux, react-router, reactjs, typescript-react
• Language: TypeScript
• Homepage: https://taskify-five-omega.vercel.app
• Size: 4.64 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Taskify  

![Static Badge](https://img.shields.io/badge/20.16.0-green?label=node)

![Static Badge](https://img.shields.io/badge/19.0.0-deepskyblue?label=react)

![Static Badge](https://img.shields.io/badge/~5.7.2-dodgerblue?label=typescript)

![Static Badge](https://img.shields.io/badge/%5E7.3.0-crimson?label=react-router)

![Static Badge](https://img.shields.io/badge/%5E2.6.1-mediumslateblue?label=%40reduxjs%2Ftoolkit)

![Static Badge](https://img.shields.io/badge/%5E9.2.0-mediumslateblue?label=react-redux)

![Static Badge](https://img.shields.io/badge/%5E3.5.0-blueviolet?label=react-loading-skeleton)

Taskify is a task management application that allows users to create, edit, read, and delete tasks. This is the client-side of the project, built using **React** with **TypeScript** for a seamless and type-safe experience.  

> [!IMPORTANT]  

> Ensure you have the latest versions of [Node.js](https://nodejs.org/) and [Git](https://git-scm.com/) installed before proceeding.

### Features  

- JWT-based authentication (Sign Up, Sign In, Sign Out)  

- CRUD operations for tasks  

- Personalized greeting with the user's name  

- Responsive UI 

- REST API integration with [Taskify REST API](https://github.com/artyomagadzhanyan421/rest-api-taskify) (custom hook) 

- Custom error handling and loading states  

### Tech Stack  

- [React](https://github.com/facebook/react.git) + [TypeScript](https://github.com/microsoft/TypeScript.git)

- [Redux Toolkit](https://github.com/reduxjs/redux.git) for state management  

- [React Router](https://github.com/remix-run/react-router.git) for navigation  

- [Vite](https://github.com/vitejs/vite.git) for fast development  

- [React Loading Skeleton](https://github.com/dvtng/react-loading-skeleton.git) for loading states

- [Boxicons](https://github.com/atisawd/boxicons.git) for web icons integration

### Installation & Setup

> [!IMPORTANT]  

> Ensure you've cloned [Taskify REST API](https://github.com/artyomagadzhanyan421/rest-api-taskify) repo and successfully launched localhost server first.

Clone the repository:

```sh

git clone https://github.com/artyomagadzhanyan421/taskify.git

cd taskify

```

Install dependencies:

```sh

npm install

```

Create a ```.env``` file and add:

```bash

VITE_TASKIFY_API=http://localhost:5000/

```

Start the application:

```sh

npm run dev

```