ItsReddi / vue3-realworld-app

πŸ–– Best practices for building RealWorld with Vue3

Home Page:https://vue3-realworld-app.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

RealWorld Example App

RealWorld Frontend standard-readme compliant code style

Background

Vue3 codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

This codebase was created to demonstrate a fully fledged fullstack application built with Vue3 including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the Vue3 community styleguides & best practices.

For more information on how to this works with other frontends/backends, head over to the RealWorld repo.

Features

  • 🍍 Pinia - The intuitive store for Vue.js
  • βš™οΈ Vitest - Blazing Fast Unit Test Framework
  • πŸ” eslint-config - Anthony's ESLint config presets
  • πŸ”¨ VueUse - Collection of Vue Composition Utilities
  • πŸ“‘ vite-plugin-vue-layouts - Vue layout plugin for Vite
  • πŸ“‘ Axios - Promise based HTTP client for the browser and node.js
  • πŸ—‚ unplugin-vue-router - Next-gen file based typed routing for vue router
  • πŸ“² unplugin-vue-components - On-demand components auto importing for Vue
  • πŸ“₯ unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup

Usage

git clone git@github.com:rofixro/vue3-realworld-app.git

cd vue3-realworld-app

pnpm install

pnpm dev

pnpm test

pnpm build

Related Efforts

  • vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
  • vue-ts-realworld-app - πŸ†Full fledged implementation of Real World App written in Vue + TypeScript.
  • vue-realworld-example-app - An exemplary real-world application built with Vue.js, Vuex, axios and different other technologies. This is a good example to discover Vue for beginners.

License

MIT

About

πŸ–– Best practices for building RealWorld with Vue3

https://vue3-realworld-app.netlify.app

License:MIT License


Languages

Language:Vue 79.8%Language:TypeScript 18.4%Language:HTML 1.7%