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
- nodejs
sudo apt install nodejs- python (Debian)
sudo apt install pythonfor other platforms go to this link
Clone the repo
git clone https://github.com/cybera3s/vueJs-CRUD-blog.gitchange directory to frontend and install required packages
cd vueJs-CRUD-blogchange directory to frontend and install required packages
cd frontend && npm installrun development server
npm run serveif 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
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/
Distributed under the GPL License
Sajad Safa - cybera.3s@gmail.com
Project Link: https://github.com/cybera3s/vueJs-CRUD-blog