Skip to content

cybera3s/vueJs-CRUD-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

CRUD Blog

It's Sample of CRUD Blog that allows users to Create, Read, Update and Delete blog posts. Using Django as back-End to Handle Database and Django REST Framework to serve REST API for post manipulation in database and also login, logout and identify users through HTTP with Token Authentication system (Json Web Token). Using VueJS 3 as Front-End framework to create a single page applications As well as taking advantage of reactivity of that and also it's Responsive by Bootstrap 5

home_page

Built With

Prerequisites

  • nodejs
sudo apt install nodejs
  • python (Debian)
sudo apt install python

for other platforms go to this link

Installation

Clone the repo

git clone https://github.com/cybera3s/vueJs-CRUD-blog.git

change directory to frontend and install required packages

cd vueJs-CRUD-blog

change directory to frontend and install required packages

cd frontend && npm install

run development server

npm run serve

if everything goes well and npm development server is running then for the server side start a new terminal:

change directory to backend

cd ../backend

create virtual environment

python -m virtualenv venv

activate venv

source venv/bin/activate

install required packages

pip install -r requirements.txt

create database tables

python manage.py makemigrations && python manage.py migrate

create a super user

python manage.py createsuperuser

load sample data

python manage.py loaddata data.json

start Django deveopment server

python manage.py runserver

if everything goes well go to: http://localhost:8080

Usage

if both development servers or up go to home page by http://localhost:8080 You can log in with the username and password you created for your superuser after log in you redirect to students table page you can add or delete any row of table

Any other usage and information served API will find in http://127.0.0.1:8000/swagger/

License

Distributed under the GPL License

Contact

Sajad Safa - cybera.3s@gmail.com

Project Link: https://github.com/cybera3s/vueJs-CRUD-blog

(back to top)