Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baguilar6174/next-openjira-app
This application presents a dashboard, where the user can create, update, delete tasks and move them between different status columns (to do, in progress, complete)
https://github.com/baguilar6174/next-openjira-app
docker docker-compose mongodb nextjs react typescript
Last synced: about 23 hours ago
JSON representation
This application presents a dashboard, where the user can create, update, delete tasks and move them between different status columns (to do, in progress, complete)
- Host: GitHub
- URL: https://github.com/baguilar6174/next-openjira-app
- Owner: baguilar6174
- Created: 2023-02-14T23:09:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-25T05:20:43.000Z (almost 2 years ago)
- Last Synced: 2024-12-28T07:42:07.645Z (about 2 months ago)
- Topics: docker, docker-compose, mongodb, nextjs, react, typescript
- Language: TypeScript
- Homepage:
- Size: 322 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Open Jira App
This application presents a dashboard, where the user can create, update, delete tasks and move them between different status columns (to do, in progress, complete). The application works with Next JS 13.
## Installation
Get code using
```
git clone https://github.com/baguilar6174/next-openjira-app.git
```
Step 2:
Install the necessary libraries (make sure you have node >= 16 and yarn)
```
yarn
```
Step 3:
Configure and start Database
```
docker-compose up -d
```
**Mongo DB URL Local**: `mongodb://localhost:27017/jiradb`
Step 4:
Configure environment variables, you need to rename **.env.template** to **.env** file
Step 5 (optional):
You can creata fake data using the endpoint:
GET: [http://localhost:3000/api/seed](http://localhost:3000/api/seed)
Step 6:
Runs the app in the development mode
```
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## My process
### Build with
- Next JS 13
- React 18
- Typescript
- Material UI
- Context API
- MongoDB & Mongoose
- Handle Mongoose schema
- Next JS Restfull API
- Server Side Rendering
### What I learned
- Using beta app dir
- Custom MUI themes
- Context management
- Drag and Drop (without third party libraries)
## Open Jira App
## Stay in touch
- Website - [www.bryan-aguilar.com](https://www.bryan-aguilar.com/)
- Medium - [baguilar6174](https://baguilar6174.medium.com/)
- LinkeIn - [baguilar6174](https://www.linkedin.com/in/baguilar6174)