https://github.com/app-generator/fullstack-express-vuejs-argon-design
Express Vuejs - Built with Automation Tools | AppSeed App Generator
https://github.com/app-generator/fullstack-express-vuejs-argon-design
appseed argon-design express full-stack open-source vue
Last synced: 7 months ago
JSON representation
Express Vuejs - Built with Automation Tools | AppSeed App Generator
- Host: GitHub
- URL: https://github.com/app-generator/fullstack-express-vuejs-argon-design
- Owner: app-generator
- License: mit
- Created: 2019-07-12T12:26:15.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-09-08T09:48:02.000Z (about 6 years ago)
- Last Synced: 2025-03-11T05:55:52.525Z (7 months ago)
- Topics: appseed, argon-design, express, full-stack, open-source, vue
- Homepage: https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim
- Size: 8.79 KB
- Stars: 22
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [Express Vuejs - Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim)
Full-Stack [Vue](https://vuejs.org/) [Argon Design](https://www.creative-tim.com/product/vue-argon-design-system) with [Express](https://expressjs.com/) backend server.
## Product Features
This full-stack app is built using a decoupled architecture, where the [Vue Argon Design](https://www.creative-tim.com/product/vue-argon-design-system) frontend communicates with the Nodejs / [Express](https://expressjs.com/) backend through secure ajax call.
- Nodejs / [Express](https://expressjs.com/) backend
- SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
- JWT token authentication
- [Vue](https://vuejs.org/) [Argon Design](https://www.creative-tim.com/product/vue-argon-design-system) crafted by the famous Creative-Tim agency.
- Login and Registration features
To use and start this starter, a few simple steps must be followed:
- clone, build and start the [Nodejs Starter](https://github.com/app-generator/nodejs-starter) backend
- clone, built and start the [Vue Argon Design](https://github.com/app-generator/vuejs-argon-design-system) frontend
## [Express](https://expressjs.com/) Backend
The backend server is a simple [Express](https://expressjs.com/) / [Nodejs Starter](https://github.com/app-generator/nodejs-starter) with **JWT authentication**, **SQLite** database, **Sequelize ORM**, unit tests and basic tooling.
```
$ #############################
$ # clone and build the backend
$ git clone https://github.com/app-generator/nodejs-starter.git
$ cd nodejs-starter
$ yarn
$ yarn start # backend runs on port 3000
```
## [Vue Argon Design](https://github.com/app-generator/vuejs-argon-design-system)
[Vue](https://vuejs.org/) app enhanced with **JWT Authentication**.
```
$ #############################
$ # clone and build the Vue Frontend
$ git clone https://github.com/app-generator/vuejs-argon-design-system.git
$ cd vuejs-argon-design-system
$ yarn
$ yarn start # Frontend runs on port 8080
```
## Resources
- [Nodejs / Express](https://github.com/app-generator/nodejs-starter) backend sources
- [Vue Argon Design](https://github.com/app-generator/vuejs-argon-design-system) sources
- [Express Vuejs Argon - Demo](https://express-vuejs-argon-design.appseed.us/)
### What is [Express](https://expressjs.com/)
For newcomers, [Express](https://expressjs.com/) is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Read more about **Express** [here](https://expressjs.com/en/starter/installing.html)
### What is [Vue](https://vuejs.org/)
[Vue](https://vuejs.org/) (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries. Read more about **Vue** [here](https://vuejs.org/v2/guide/)
### [Vue Argon Design](https://www.creative-tim.com/product/vue-argon-design-system)
Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. **Vue Argon Design** is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files. Read more about **Vue Argon Design** [here](https://www.creative-tim.com/product/vue-argon-design-system)
## Support
For issues and features request, use **Github** or access the [support page](https://appseed.us/support) provided by **AppSeed**
## License
MIT @ [AppSeed](https://appseed.us)
---
[Express Vuejs - Argon Design](https://appseed.us/apps/vuejs/express/argon-design-system-creative-tim) provided by **AppSeed**