Skip to content

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

License

Notifications You must be signed in to change notification settings

varunon9/loopback-vue-getting-started

Repository files navigation

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

models visualization

Demo

Demo GIF

Blog

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published