This project is a redesign of the GoTeam App.

Live Demo

Note: This project is for technical demonstration purposes only. It is not intended to be used as a production application.

Features

• 💛 UnaUI - The atomic UI framework for Nuxt powered by Unocss Engine.

• 💚 Nuxt 3 - Latest version of Nuxt.

• 🎨 Theming system with Dark Mode support.

• 🔥 The <script setup> syntax.

• 🦾 TypeScript.

• 📲 PWA with offline support and auto update behavior.

• 🔐 Nuxt Auth doesn't work with Nuxt 3 yet, so I built my own from scratch. (Though still in development).

• ✅ Tasks CRUD - Live Demo

Plugins

Nuxt Modules

• UnaUI - A nuxt module for UnaUI framework
• VueUse - collection of useful composition APIs.
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.
• Pinia - intuitive, type safe, light and flexible Store for Vue.
• VitePWA - zero-config PWA Plugin for Nuxt 3.

Development

Code Formatting

• I use only ESLint for code formatting. (Not a fan of Prettier).

Commits

• I use Lint Staged and Simple Git Hooks to lint and format code before commiting. (An alternative to this is to use Husky and Lint Staged.

Dev tools

• TypeScript
• VS Code Extensions
  • Vite - Fire up Vite server automatically
  • Volar - Vue 3 <script setup> IDE support
  • Iconify IntelliSense - Icon inline display and autocomplete
  • ESLint
  • Unocss IntelliSense - Unocss class autocomplete

Installation

1. Clone the repository

  git clone https://github.com/goteam-ti/frontend.git
  cd frontend

2. Install the dependencies

  yarn install 

3. Copy the example env file and make the required configuration changes in the .env file

  cp .env.example .env

4. Start the development server

  yarn dev

5. Visit http://localhost:3000

🧪 Running tests

🚧 Note: Tests are still in development. 🚧