https://github.com/junelin2001/githubrepositoryissuestracker

A collaborative project replicating GitHub’s login and issue tracking functionality.
https://github.com/junelin2001/githubrepositoryissuestracker

Last synced: 4 months ago
JSON representation

A collaborative project replicating GitHub’s login and issue tracking functionality.

• Host: GitHub
• URL: https://github.com/junelin2001/githubrepositoryissuestracker
• Owner: JuneLin2001
• Created: 2024-08-22T10:16:10.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-28T04:47:13.000Z (over 1 year ago)
• Last Synced: 2025-06-24T06:02:48.702Z (12 months ago)
• Language: JavaScript
• Homepage: https://f2e-2bac8.web.app/login
• Size: 3.56 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# GitHub Repository Issues Tracker

A collaborative project replicating GitHub’s login and issue tracking functionality.

> [Website Link](https://f2e-2bac8.web.app/login)

## Built With

![React](https://img.shields.io/badge/React-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react)

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)

![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)

### Tech Stack

- Built with **React** to separate the application into reusable components.

- Used **Styled-Components** to create modern user interface.

- Implemented CRUD operations using the **GitHub RESTful APIs** to manage repository issues effectively.

- Managed state with **Context API** for seamless data flow across components.

- Used **npm** for package management to ensure easy dependency management and project organization.

- Integrated the **Primer Design System** for consistent UI design.

## Architecture

![](https://i.imgur.com/L2QLDl4.png)

## Features

- Users can log in with their GitHub accounts.

- Users can view their own repositories.

- Users can create, read, update, and delete issues (CRUD operations).

- Users can search for issues by title and content.

- Users can filter issues by author and labels.

- Users can engage in discussions within issues.

- Markdown language is supported.

## Demo

[Demo video](https://drive.google.com/file/d/19TMeZa4Rnv8_ywy75pOM1ZYylOb2Eegg/view)

## Roadmap

-  Refactor the code using TypeScript to align more closely with industry needs.

-   Separate components and props into finer to improve code readability.