Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/khelsai01/green_mentor_assignment

Task managments app
https://github.com/khelsai01/green_mentor_assignment

express github mongodb nodejs rander reactjs redux tailwindcss vercel

Last synced: 8 days ago
JSON representation

Task managments app

Awesome Lists containing this project

README

        

# Task Manager

## Introduction

This project is task managment app. That can help to manage your task for the day or week. In this tasks you can mention the your task tile, description. And when you want to some change of your task title or description you change single as well as both together. And you want to delete the task you can delete and reflect at real time UI and delete from database as well.This Tasks Manager app solve the problem to manage your daily task list.

## Project Type
### Fullstack

## Deployed App

***Client link***

[https://green-mentor-client.vercel.app](https://green-mentor-client.vercel.app)

***Server link***

[https://green-mentor-server.onrender.com](https://green-mentor-server.onrender.com)

## Directory Structure

green_mentor_assignment/
├─ client/
├─public/
├─ src/
├─components/
├─ Redux/
├─ App.js
├─ index.js
├─ server/
├─middleware/
├─ models/
├─ routes/
├─ .env
├─ db.js
├─ index.js

## Video Walkthrough of the project
[Appliction Video](https://drive.google.com/file/d/1FA_cjmZj-aHS5bmeA3wdXAWf9r7XNKw-/view?usp=sharing)

## Features
- Display tasks list
- Create new task
- Edit the existing Task title , description.
- Detele task from UI and database

## Installation & Getting started
Detailed instructions on how to install, configure, and get the project running. For Tasks Manager app projects, guide the reviewer how to check supabase database etc.

***For local***
```bash
git clone `url of tasks manager app`
cd green_mentor_assignment
npm install
npm run start
```

## Usage
1. Display the task list.
2. Create task by title, description
3. It can shown on UI
4. Edit the task title or description and both as well.
5. Detele task by clicking the Delete button

```bash
title - Reactjs
Description - Reactjs is frontend javascript liberay.
```

## Landing page of task Manager

![landing](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/df36c53a-06df-4891-8ef4-d403c35eacbf)

### Register page
*Register the app using username , email, password in register page*
![register](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/1ebd5452-610f-4802-9e95-65684ad4ebd0)

### Sign In page

**Put email and password of valid creditional**

![logintask](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/e5237d0e-23e8-40db-a577-c57afafbb1cb)

**After fill email password click on login button the get alert woth name name login successfull**

![login alert](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/99304992-1aa7-4072-a4a0-ab31054bfb0f)











## Task list page

![task list](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/5443eca5-f802-4a4f-b654-3328201972ad)






## Add task

![add](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/5c8c5d7c-7409-4dc8-85d6-5f5b7b367bdf)

![add task](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/b139260f-d26b-4cc2-83cf-ae88a276c21d)

![added task](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/51dfff44-43ca-4810-831b-3e524baaa555)






**Edit the Task title and description**





![before edit](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/a58d5270-5854-4ab5-ae51-1da7d5d03cbb)

![edit](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/4f9f4413-74c0-4495-bbfc-7126158cb5bc)




**after edit update list is**

![updated](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/0c940844-bf8a-4dab-a04a-07ce29bcf1a8)






## Delete the task by clicking on `delete` button

![delete](https://github.com/khelsai01/green_mentor_assignment/assets/119441119/3627765d-c1f1-4697-83aa-f9f454c6f058)

## Technology Stack

- Nodejs
- express.js
- mongoDB
- cors
- Reactjs
- Redux
- React-router-dom
- Tailwind
- Github
- Vercel
- Render