Skip to content

khelsai01/green_mentor_assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

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

Server link

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

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

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
title - Reactjs
Description - Reactjs is frontend javascript liberay.

Landing page of task Manager

landing

Register page

Register the app using username , email, password in register page register

Sign In page

Put email and password of valid creditional

logintask

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

login alert







Task list page

task list




Add task

add

add task

added task




Edit the Task title and description




before edit

edit



after edit update list is

updated




Delete the task by clicking on delete button

delete

Technology Stack

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