This is a simple Nuxt 3 project that shows company's orders and products these orders consist of.
- This project doesn't have a dedicated backend application because the size and scope don't fit the effort. For API requests it uses Nitro server engine that is buil-in to Nuxt 3
- The websocket implementation is also done via Nitro. It's experimental and not suitable for serious production
- "Database" is a dummy server/db.json file
- Nuxt implements file-based routing strategy and this project implements it.
- There is only one layout, but in case of scaling we have a base for adding other layouts without overwriting anything.
- Reusable functions are presented as composables to keep DRY
- There are visions in the frontend community on how to organize stores. I prefer to keep them small and only STORE data so data fetching is done with composables that fetch the api and put data into a corresponding store. The project scope is small so we could neglect stores at all, but again, thinking about scaling
- Application uses TailwindCSS as the main CSS utility and DaisyUI for theming and premade primitives
- Project colorscheme is inspired by the awesome Kanagawa theme for Neovim
- Linting and formatting is done by eslint and eslint-stylistic respectively. The config is created by a Anthony Fu, the Vue/core and Nuxt contributor