NeroBlackstone / community-management-frontend

My graduation project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

community-info-management-frontend

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Customize configuration

See Configuration Reference.

What is this Project?

It's my graduation project. A community information management system, just a simple CRUD CMS.
Here is FRONTEND ONLY. Backend:Here
This is my first time writing a web project with Vue and GraphQL.(So I'm sorry if there are some errors.)
But I'll try my best to get Best Practices.

If you are Chinese User

Since the icons of this project come from Google.
Please be sure you can access Google.

What can you learn from this project

  1. Vue.js 2.6 new features, like v-slot.
  2. EcmaScript 6+ new features.
  3. Vue-i18n, yaml config.
  4. Vue-Apollo, apollo components (ApolloQuery, ApolloMutation, ApolloSubscribeToMore) and local state management
  5. Vuetify components: Cards, Timeline, Alerts, Bottons, Calendars, Dialogs, Footer, Navigation Drawers, and more...
  6. Vuetify theme change.
  7. GraphQL Authentication with JWT.
  8. Sugar.js (include Sugar.js Date).
  9. Upload files via GraphQL.

About

My graduation project


Languages

Language:Vue 92.8%Language:JavaScript 6.4%Language:HTML 0.8%