Background

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

Demo    RealWorld

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

• 🎭 Feature-Sliced Design - An architectural methodology for scaffolding front-end applications.
• 🔍 eslint-config - Anthony's ESLint config presets
• 📡 Axios - Promise based HTTP client for the browser and node.js
• 📄 Vue Router - The official client-side routing solution for Vue.
• ⚙️ Vitest - Blazing Fast Unit Test Framework
• 🧿 Vue Test Utils - The official testing suite utils for Vue.js 3

Usage

git clone https://github.com/RyazanovE/real-world-app.git

cd real-world-app

npm i

npm run dev

npm run test

npm run build

Node version

v18.17.0

Vercel Deploy

https://real-world-app-sooty.vercel.app/

Related Efforts

• vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
• 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