An open API service indexing awesome lists of open source software.

https://github.com/elvinkyungu/linear-nuxt-fullstack

A sleek and efficient project management interface inspired by Linear. Built with Nuxt.js, GSAP, Tailwindcss and and Nuxt UI, it enables seamless issue tracking, project management, and team collaboration. ๐Ÿš€
https://github.com/elvinkyungu/linear-nuxt-fullstack

cloudflare cloudflare-pages gsap nuxt nuxt4 nuxtjs3 nuxtui tailwindcss vuejs vueuse

Last synced: 4 months ago
JSON representation

A sleek and efficient project management interface inspired by Linear. Built with Nuxt.js, GSAP, Tailwindcss and and Nuxt UI, it enables seamless issue tracking, project management, and team collaboration. ๐Ÿš€

Awesome Lists containing this project

README

          

# ๐Ÿ“Œ Linear Nuxt Fullstack

A **minimal Linear clone** built with **Nuxt 3**, **Pinia**, and **Nuxt UI**.
**Why?** โ†’ To provide a modern, fast, and open-source base for project & task management, inspired by [Linear](https://linear.app).

## ๐Ÿ‘€ Project Views

Here are the two modes available:

1. **List mode**
![List mode](./public/images/preview1.png)

2. **Grid mode**
![Grid mode](./public/images/preview2.png)

## ๐Ÿš€ Features

- ๐Ÿ“‚ Real-time task & project management
- ๐Ÿ“ฑ Responsive layout with sidebar
- ๐Ÿ”” Inbox & notifications
- ๐ŸŽฏ Priorities, assignees & drag & drop
- ๐Ÿ”‘ Simple JWT authentication (demo-ready)
- ๐ŸŽจ Modern & customizable UI (Nuxt UI)
- โšก Smooth animations with GSAP

## ๐Ÿ› ๏ธ Installation

Clone and run locally:

```bash
git clone https://github.com/ElvinKyungu/linear-nuxt-fullstack.git
cd linear-nuxt-fullstack
npm install
npm run dev
```

๐Ÿ‘‰ Then open [http://localhost:3000](http://localhost:3000).

## โœจ Usage Examples

Create a task:

```ts
await $fetch('/api/tasks', {
method: 'POST',
body: { title: 'New task' }
})
```

Fetch notifications:

```ts
const { data } = await $fetch('/api/inbox')
```

## ๐Ÿค Contributing

Contributions are welcome!

* For small fixes โ†’ just open a PR ๐Ÿšฆ
* For new features โ†’ check [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines

**TL;DR:**

* Keep PRs small & focused
* Always explain the **why** behind your change
* Run linting before pushing โ†’ `npm run lint`

## ๐Ÿงช Tests & CI

* โœ… Integration tests are being added for critical features
* ๐Ÿ”„ GitHub Actions CI validates build on each PR

## ๐Ÿ’ก Support

If you like this project:

* โญ Star the repo
* ๐Ÿ”— Share it with others
* ๐Ÿ’Œ Reach out for sponsorship โ†’ [elvincode.com](https://elvincode.com)

## ๐Ÿ“„ License

This project is licensed under the MIT License โ€“ see the [LICENSE](./LICENSE) file for details.