Git Product home page Git Product logo

project-management-task's Introduction

Project-management

Description

This project is a task management application built with React and Node.js. It allows users to create projects, add tasks to projects, and export project summaries as Gists on GitHub.

Features

Project Management: Users can create new projects with titles and descriptions. Task Management: Within each project, users can add, update, and delete tasks. Tasks have titles, descriptions, and statuses (pending or completed). Drag and Drop: Tasks can be organized using drag and drop functionality. Export to GitHub Gist: Users can export project summaries as Gists on GitHub, including pending and completed tasks.

Technologies Used

Frontend: React, react-beautiful-dnd, axios

Backend: Node.js, Express.js, MongoDB

External APIs: GitHub API for Gists

Others: Joi for validation, Mongoose for MongoDB object modeling

Installation

Clone the repository: git clone https://github.com/your-username/project-name.git

Navigate to the project directory: cd project-name

Install dependencies:

Frontend: cd frontend && npm install

Backend: cd backend && npm install

Set up environment variables:

Create a .env file in the backend directory.

Add environment variables like MONGODB_URI, GITHUB_ACCESS_TOKEN, etc.

Start the backend server: npm run serve in the backend directory.

Start the frontend server: npm run start in the frontend directory.

Packages used

. Tailwindcss

. Headlessui

. React router

. Axios

. UUID

. Joi

. Cors

. Dotenv

Usage

Access the application in your web browser at http://localhost:3000.

LOGIN PAGE

WhatsApp Image 2024-05-09 at 10 24 19_569433b8

Create a new project by clicking the "Add Project" button.

WhatsApp Image 2024-05-09 at 09 53 22_66e718ad

WhatsApp Image 2024-05-09 at 10 31 40_4b36f821

Add tasks to the project by clicking the "Add Todo" button.

WhatsApp Image 2024-05-09 at 09 42 54_a5519871

Drag and drop tasks between columns to change their status.

WhatsApp Image 2024-05-09 at 09 41 33_7fb72854

Export the project summary to GitHub Gist by clicking the "Export Gist" button.

WhatsApp Image 2024-05-09 at 09 38 47_46b8d5be

npm test

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

project-management-task's People

Contributors

sona1237 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.