jira-clone icon indicating copy to clipboard operation
jira-clone copied to clipboard

Project management web app for agile teams built with REST architecture

jira-clone

jira-clone webapp demo


What is this and why?

I am a web developer working on frontend projects with react, nextjs and UI libraries. I feel like I am not growing that much in this field and tried learning the server-side technologies. This project is to hone my react skill and get experience in developing a web server and a database.
This is a minimalist replica of a issue-tracking software called Jira. Although I said it is a replica, the design is inspired from an another repository. According to Datlype, his project is a clone of a clone which makes mine as a clone of a clone of clone. πŸ—ΏπŸ—Ώ


Technologies

Typescript, React, RTK Query, Tailwindcss, Express, MySQL, Prisma


Project Structure

.
β”œβ”€β”€ express-backend
β”‚Β Β  β”œβ”€β”€ controllers
β”‚Β Β  β”œβ”€β”€ prisma
β”‚Β Β  β”œβ”€β”€ routes
β”‚Β Β  └── utils
β”œβ”€β”€ react-frontend
β”‚Β Β  β”œβ”€β”€ public
β”‚Β Β  β”œβ”€β”€ src
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ components
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ auth
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ dnd
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ home
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ issue
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ list
β”‚Β Β  β”‚Β Β  β”‚Β Β  β”œβ”€β”€ project
β”‚Β Β  β”‚Β Β  β”‚Β Β  └── util
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ api (RTK Query)
β”‚Β Β  β”‚Β Β  └── store (Redux Toolkit)
└── README.md

Contribution

Raising issues, fixing bugs, forking repo and creating pull requests. Any kind of contributions are welcome!