https://github.com/ertugrulsertaslan/taskguard

This application is designed to manage tasks with different user roles and permissions.
https://github.com/ertugrulsertaslan/taskguard

axios cors docker dotenv express-js jwt-authentication material-ui postgresql prisma reactjs reactrouter vite

Last synced: 9 days ago
JSON representation

This application is designed to manage tasks with different user roles and permissions.

• Host: GitHub
• URL: https://github.com/ertugrulsertaslan/taskguard
• Owner: ertugrulsertaslan
• Created: 2024-08-03T12:20:20.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-05T08:19:54.000Z (2 months ago)
• Last Synced: 2024-09-06T13:21:37.935Z (2 months ago)
• Topics: axios, cors, docker, dotenv, express-js, jwt-authentication, material-ui, postgresql, prisma, reactjs, reactrouter, vite
• Language: JavaScript
• Homepage:
• Size: 313 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🗂️ Task Management Application 🚀

This application is designed for managing tasks with varying user roles and permissions. It provides a structured approach to task management with role-based access control to ensure efficient task handling and user management.

### Screenshots 📸





  
Super Admin Page 🌟

    



  


  
 
Admin Page 🛠️ , Editor Page 📝 and  Viewer Page 👁️ 



    

    

    

   





## Features

- **🗂️ Task Management**: Users can create, view, edit, and delete tasks based on their role.

- **👥 User Role Management**: Assign different roles to users with specific permissions.

- **🔐 Role-based Permissions**: Control user access and actions within the application.

## Technologies Used 💻

### Frontend 🎨

- ⚙️ [Material-UI (MUI)](https://mui.com) - React components for faster and easier web development.

- 🛤️ [React Router](https://reactrouter.com/en/main) - Declarative routing for React applications.

- 🌐 [Axios](https://axios-http.com) - Promise-based HTTP client for making API requests.

- 💻 [React.js](https://reactjs.org/) - JS library for crafting user interfaces

- ⚡ [Vite](https://vitejs.dev/) - Module bundler

### Backend 🖥️

- 🚀 [Express.js](https://expressjs.com/) - Web framework for Node.js

- 🔑 [JWT](https://jwt.io/) - Mechanism for integrating application 

- 🌐 [Cors](https://www.npmjs.com/package/cors/) - Mechanism for integrating applications

- ⚙️ [Dotenv](https://www.npmjs.com/package/dotenv/) - A zero-dependency module that loads environment variables from a .env file into process.env

s

 ### Database 🗃️

- 🛢️ [Prisma](https://www.prisma.io/) - Prisma ORM is an open-source next-generation ORM

- 🐘 [PostgreSQL](https://www.postgresql.org/) - An advanced, enterprise-class open-source relational database

- 🐳 [Docker](https://www.docker.com/) - A software platform that allows you to build, test, and deploy applications quickly 

## User Roles

1. **👁️ Viewer**:

   - **Permissions**: View tasks only.

   - **Restrictions**: Cannot add, edit, or delete tasks.

2. **📝 Editor**:

   - **Permissions**: View, add, and edit tasks.

   - **Restrictions**: Cannot delete tasks.

3. **🛠️ Admin**:

   - **Permissions**: View, add, edit, and delete tasks.

   - **Restrictions**: Cannot manage users or roles.

4. **🌟 Superadmin**:

   - **Permissions**: All Admin privileges plus manage users and assign roles.

   - **Restrictions**: None.

## Install & Build 🔧

Prerequisites

- Install Node.js ⚙️

- Clone the repo 🔄

📦 After cloning the repo install dependecies with

 ```sh 

  npm i

```

📡 To run development server use dev script

 ```sh 

  npm run dev

```

🔧 To build use build script

 ```sh 

  npm run build

```

after running scripts go to http://localhost:5173 with your browser to use the app. 🌐

## License 📄

[MIT](https://choosealicense.com/licenses/mit/)