An open API service indexing awesome lists of open source software.

https://github.com/varunon9/loopback-vue-getting-started

Getting started with loopback and vue.js - creating a nested commenting system
https://github.com/varunon9/loopback-vue-getting-started

loobpack loopback-vue mongodb nodejs semantic-ui-vue vue

Last synced: 3 months ago
JSON representation

Getting started with loopback and vue.js - creating a nested commenting system

Awesome Lists containing this project

README

        

# loopback-vue-getting-started

Build a Blogging platform with nested commenting feature using loopback, vue.js, semantic-ui and mongodb.

### Prerequisite

* Make sure that you have `npm`, `nodejs` and `mongodb` installed on your machine

### How to run

1. Clone the repository `git clone https://github.com/varunon9/loopback-vue-getting-started.git`
2. Move to project directory `cd loopback-vue-getting-started`
3. [Optional] Edit the `./server/datasources.json` file if you want to change username/port/db name
4. Run the project `nodemon` or `npm run start-debug` (for debugging)
5. You can visit http://localhost:3000/explorer/ to explore the API
6. Go to client directory `cd client` and build project `npm run build`
7. Now you can visit http://localhost:3000/ and browse the single page application
8. Check `client/README.md` for Frontend development

### Functionalities

1. Login and Signup
2. Authenticated users can create an article.
3. Authenticated users can comment (or edit comment) on an article.
4. Authenticated users can reply (or edit reply) to comments.
5. Any user can browse articles, comments as well as replies.

#### Models visualization using loopback-component-visualizer

* Visit http://localhost:3000/visualize

![models visualization](./screenshots/model-visualizer.png)

### Demo

![Demo GIF](./screenshots/demo.gif)

### Blog

https://medium.com/@varunon9/getting-started-with-loopback-building-a-blogging-platform-428ba6cafe0c?sk=45d5356fd0fe167f94e79dc3d5ff7413