vue-typescript-realworld-app

A Vue + Typescript implementation of RealWorld App

Why Vue and TypeScript?

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

Getting Started

For this project you need Node installed on your machine with Npm or Yarn

Installing

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.

Deployment

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/#/

Built With

• 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

Next Version

• Initial setup
• Fetch articles
• Login
• Profile page
• Edit profile
• Fetch tags list
• Filter articles by tag
• Add new article
• Register

...and other 😄

Contributing

Pull Requests for adding features ⇄ and ★ are welcome 😎