Task Managment

A React Todo app manages tasks with features like adding, deleting, and marking tasks as complete. It uses React's component-based architecture for reusable UI elements and state management for dynamic updates. The app provides a simple interface for users to organize and track their to-dos efficiently.

3
0
JavaScript

Green Mentor Task Management

A React Todo app manages tasks with features like adding, deleting, and marking tasks as complete. It uses React’s component-based architecture for reusable UI elements and state management for dynamic updates. The app provides a simple interface for users to organize and track their to-dos efficiently.

Frontend Link

      https://task-managment-two.vercel.app

Backend API Link

    https://green-mentor-h5c2.onrender.com

Setup

  1. Clone the repository:

    git clone https://github.com/monurajputrko/Stock-Market.git
    
  2. Navigate to the project directory:

    cd Task-Managment
    
    cd Frontend
    Or
    cd Backend
    
  3. Install dependencies:

    npm install
    

Usage

  1. Run the Frontend:

    npm start
    
  2. Open the application in your browser:

    The development server should start running at http://localhost:3000. Open this URL in your web browser to view the application.

Folder Structure

Frontend/
│
├── src/
│ ├── App.js
│ ├── App.css
│ ├── index.js
│ └── ...
│
├── public/
│ ├── index.html
│ └── ...
│
├── README.md
└── package.json

Dependencies

  • React
  • ReactDOM
  • Redux
  • mantine
  • thunk
  • axios
  1. Run the Backend:

    npm start
    
  2. Open the application in your browser:

    The development server should start running at http://localhost:8080. Open this URL in your web browser to view the application.

Folder Structure

Backend/
│
├── Config/
├── Middleware/
├── Model/
│
├── README.md
└── package.json

Dependencies

  • Express
  • Mongoose
  • cors
  • bcrypt
  • jsonwebtoken
  • nodemon

License

This project is licensed under the MIT License - see the LICENSE file for details.