https://github.com/iamdipankarpaul/elpip-internship-taskshare-mern-app

A Task app made using MERN stack with features like user registration, login, saving task to database, sharing tasks with other users, etc..
https://github.com/iamdipankarpaul/elpip-internship-taskshare-mern-app

api axios backend express frontend mantine mern mern-stack mongodb mongoose nodejs react react-hot-toast react-router-dom task-manager todo-app

Last synced: 1 day ago
JSON representation

A Task app made using MERN stack with features like user registration, login, saving task to database, sharing tasks with other users, etc..

• Host: GitHub
• URL: https://github.com/iamdipankarpaul/elpip-internship-taskshare-mern-app
• Owner: iamdipankarpaul
• Created: 2024-07-10T11:19:56.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-14T06:35:52.000Z (6 months ago)
• Last Synced: 2024-11-11T14:10:32.106Z (2 months ago)
• Topics: api, axios, backend, express, frontend, mantine, mern, mern-stack, mongodb, mongoose, nodejs, react, react-hot-toast, react-router-dom, task-manager, todo-app
• Language: JavaScript
• Homepage: https://taskshare-frontend.onrender.com
• Size: 797 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

TaskShare


A simple task manager application built with MERN stack.

![Home page](./screenshots/TaskShare-6.png "Home page")

- [Installation](#installation)

- [Configuration](#configuration)

- [Run the App](#run-the-app)

- [Screenshots](#screenshots)

## Installation

Run the following command to clone the repository

```bash

git clone https://github.com/dipankarpaul2k/ELPIP-Internship-TaskShare-MERN-App.git

```

Go to frontend and backend directory to install packages

```bash

cd frontend

npm install

```

```bash

cd backend

npm install

```

## Configuration

Create `.env` file inside backend directory and copy the following code

```bash

MONGO_URI=Your mongodb URI

JWT_SECRET=a random secret key eg. thisisasecretkey

```

## Run the App

Go to backend and frontend directory and start the server

```bash

cd backend

npm run dev

```

```bash

cd frontend

npm run dev

```

## Screenshots

![Task page](./screenshots/TaskShare-1.png "Task page")

![Shared page](./screenshots/TaskShare-2.png "Shared page")

![Task view](./screenshots/TaskShare-3.png "Task view")

![Shared with modal](./screenshots/TaskShare-4.png "Shared with modal")

![Logout modal](./screenshots/TaskShare-5.png "Logout modal")