devsoc-bpgc / pmt-frontend Goto Github PK

View Code? Open in Web Editor NEW

2.0 1.0 13.0 771 KB

Official repo for DevSoc Project Mgt Tool (Mello). Join the Slack channel to contact us

Dockerfile 0.14% HTML 1.57% TypeScript 96.73% CSS 1.56%

hacktoberfest hacktoberfest2020 frontend mello

pmt-frontend's Introduction

PMT - Frontend

About

Project Management Tool (PMT) is a platform for management of projects and efficient communication between teams.

Quick Start 💥
Documentation 🧾
Browser Support 🌐
Installation 🐣
Contribution Guidelines ✒

Quick Start

This is the website for the Project Management Tool.

Documentation

Browser Support

Edge	Firefox	Chrome	Safari	Opera
Edge	last 3 versions	last 3 versions	last 3 versions	last 3 versions

Installation

Follow these steps to install this project directory:

# clone the repo
$ git clone https://github.com/Devsoc-BPGC/pmt-frontend

# go into app's directory:
$ cd myproject

In the project directory, you can run:

`yarn start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`yarn test`

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

`yarn build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Contribution Guidelines

Fork the repo on GitHub.
Clone the project to your own machine.
Commit changes to your own branch.
Push your work back up to your fork.
Submit a pull request. (Make sure you merge before you make a pull request!)

Pull Request Guidelines

The subject should be a short one line summary of the change you've made.
The extended description should include a deatiled description of the changes you've made and also a list of all the files you've made changes in.
One pull request should cater to only one change. *A change may include multiple file changes that are essential to solving the issue/change.

Social Media

Instagram: https://www.instagram.com/devsocbitsgoa

Devsoc's Website: https://devsoc.club/

pmt-frontend's People

Contributors

Stargazers

Watchers

Forkers

ritvij14 rohit-mundada tinkering-bhatia yash-g17 aviral09 resonantchaos22 kanishq1 clicheduh hpbonfim devesh21700kumar

pmt-frontend's Issues

Path resolve linting error

Describe the bug
While linting, the path to the module we are trying to import could not be resolved

Link Dashboard and Project page

Is your feature request related to a problem? Please describe.

The Dashboard page is not linked to the Taskboards of the corresponding project right now.
Describe the solution you'd like

Dynamically route each Project to its corresponding taskboards in the Project page

I am taking up this issue

Settings page

Settings page needs to be made. I will be working on it along with @Rohit-Mundada

Calendar Page

Make the calendar page according to mello_designs. Have the following components:

Calendar view
Side deadline view and all options

Changing DashBoard page layout according to designs

Is your feature request related to a problem? Please describe.

According to the Final Mello Designs there are a few changes in the layout of all the pages.

Describe the solution you'd like

Change the code according to the new design implementation for the dashboard page.

Profile Page

This issue deals with the profile page of Mello. See design and documentation for more details
Design: final_designs
Documentation: Mello Design Documentation.pdf

Describe the solution you'd like

Create proper UI elements for the profile page.

Dashboard Components

This issue deals with all the components related to the dashboard page only. The list includes:

Issue Cards (also implement proper hover effects)
Project Cards (Component is made, just needs to be styled appropriately)
Project card on click effects (refer figma design for details: figma_designs)
Design Channel sidebar and relevant dropdowns inside it.
Create Modal (popup) for creating a new Project on clicking the + sign.
Create Modal (popup) for creating a new Taskboard on clicking the + sign (which will be accessible once a project card is clicked)
Create Modal (popup) for creating a new Channel on clicking the + sign (which will be accessible once the channel sidebar is opened)

Minor bug in Issues on Dashboard while navigating back

Describe the bug

When you go to task from issues on Dashboard, The project name remains hidden when you navigate back to dashboard.

To Reproduce

Go to home page
Click on Go to Task in Issues
Click on Back button on browser
See error

**Screenshots **

What is required?
To make components for the main dashboard page which will be shown after logging in with GitHub. It consists of a side bar with frequently navigable links like "Calendar", "Statistics", "Profile", etc. It will consist of a list of project boards (much like Trello) and a place to put all the recent bugs/issues related to all the ongoing projects.
The dashboard page also includes a collapsible side navigation for going to different chat channels of projects.

Link to Wireframes

Taskboard page

I think i will work on the taskboard page as per the wireframes.