Git Product home page Git Product logo

uvishwanth / task-management-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.76 MB

Task management app that demonstrates CRUD (Create, Read, Update and Delete) operations its completely mobile responsive

License: MIT License

HTML 7.33% JavaScript 89.92% CSS 2.75%
babel bootstap bootstrap5 css express expressjs font-awesome html java mysql nodejs react reactjs responsive-layout taskmanagement todolist webpack

task-management-app's Introduction

Task Management App Documentation

Table of Content

Overview

This is a full-stack Task-managemet App that allows users to manage their tasks efficiently. The app provides CRUD (Create, Read, Update, Delete) operations and consists of both frontend and backend components.

Features

  1. Create Task: Add new tasks with a specified deadline.

  2. View Task: View details of a specific task, including creation date, task description, and deadline.

  3. Edit Task: Modify the details of an existing task.

  4. Delete Task: Remove tasks that are no longer needed.

  5. List All Tasks: Display a list of all tasks with creation dates and options to view, edit, and delete.

Technologies Used

  • Frontend:

    • React.js
    • React Router
    • Axios for API calls
    • Bootstrap for styling
    • Font Awesome icons
  • Backend:

    • Node.js
    • Express.js
    • MySQL database
  • Dependcies

    • Axios
    • Nodemon
    • mysql2
    • cors
    • express
    • dotenv

pre-requisits

Before you begin, ensure you have the following installed: node.js mysql

Note: since it is the node package manager (npm) you must aware of

Getting Started

  1. Clone the repository:
    git clone https://github.com/Uvishwanth/task_management_app.git
    

Run the Backend Server

  1. change the directory:
    cd server && npm install
    

Run the Backend Server

  1. change the directory:
    cd client && npm install
    

Usage

  • Let's Start with the installation clone the repo by following above procedure.
  • Make sure all the dependencies mentioned above are installed.
  • change the directory with respect to those directories and install dependencies using command npm install in each run the server in server directory using command
    npm run dev
  • run the client in server directory using command
    npm start
  • Ensure that the database must be created just look at database.db file create database and table at your local machine connect with database to your server check the connection.
  • To run the project server.js file must be run to run front end.
  • woolah! you can use this project for your personal use for task management you can also use it as personal use.

Contributing

Contributions are welcome! If you have ideas for improvement, found a bug, or want to contribute new features, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name.
  3. Commit your changes: git commit -m 'Add new feature'.
  4. Push to the branch: git push origin feature-name.
  5. Open a pull request.

License

This project is licensed under the MIT License.

task-management-app's People

Contributors

uvishwanth avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.