Skip to content
A simple blog application with CRUD. Built using Vue.js for the application and AdonisJs for the api and backend. Using keen-ui and materializecss for the frontend framework.
JavaScript Vue HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api
app
.gitattributes
README.md

README.md

Postr

A simple blog application with CRUD. Built using Vue.js for the application and AdonisJs for the api and backend. Using keen-ui and materializecss for the frontend framework. Created based on scotch.io's building a twitter clone tutorial. so go there for detailed tutorials on building a vue.js website!

This contains:

  • Login and register
  • Create, read, update, delete blog posts
  • Adding and deleting tags/category
  • Commenting and favoriting posts
  • Seeing users list and profiles
  • Updating profile data and image
  • Following and unfollowing users
  • See posts list in certains tags/category

Preview

You can preview the application at https://postr-app.herokuapp.com/

To Install

General:

  1. Install node.js
  2. Install adonisJs cli through command prompt by using npm i -g @adonisjs/cli

Run database

  1. Through command prompt, change the current directory to postr/api
  2. Install modules by running the following code: npm install
  3. Create database named 'postr' in your mysql database. You can access phpmyadmin using xampp or others.
  4. Create the tables through the command prompt by running migration using the following: adonis migration:run
  5. find the .env.example file in the api folder, change the extension into .env only
  6. Run the database using: adonis serve Your api can be accessed through http://127.0.0.1:3333

Run the application

  1. Through command prompt, change the current directory to postr/app
  2. Install modules by running the following code: npm install
  3. Start the application through command prompt using: npm run dev the command prompt will show you the link to access your application
You can’t perform that action at this time.