Git Product home page Git Product logo

project-management-main'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-main'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.