A Vue + Typescript implementation of RealWorld App
Vue.js is one of the most popular Javascript frameworks. After the release of version 3 of the Vue CLI, it is now possible to integrate Typescript into a Vue app.
Instead of doing the classic To-do list demo, I choose to develop an app based on RealWorld app, which requires professional knowledge, as well as showing the main features to the beginners
For this project you need Node installed on your machine with Npm or Yarn
You can clone this repository using Git:
git clone https://github.com/dj0nny/vue-typescript-realworld-app.git
Or download the repository here
Open a terminal and type, inside the root directory:
npm install
# OR
yarn install
for installing all the dependencies. At the end type, in the same folder:
npm run serve
# OR
yarn serve
for running the Vue.js server. It will be up and running at this address: http://localhost:8080.
You can also create a build version of this repository running the command:
npm run build
# OR
yarn build
You can see a deployed version of this appliction here: https://vigilant-mcclintock-20dde9.netlify.com/#/
- Vue.js - A Javascript framework
- TypeScript - Javascript based-type language
- Vuex - Centralized State Management for Vue.js
- vue-property-decorator - Typescript decorators for Vue.js components
- vuex-module-decorators - Typescript decorators for Vuex
- Initial setup
- Fetch articles
- Login
- Profile page
- Edit profile
- Fetch tags list
- Filter articles by tag
- Add new article
- Register
...and other 😄
Pull Requests for adding features ⇄ and ★ are welcome 😎