Full-stack Blog App

Full-stack Blog Web App written using:

• React.js, Tailwind CSS as a front-end

• Django & Python as a back-end

Technologies

Used technologies:

• Python
• Django
• React.js
• Tailwind CSS

Front-end part of this project was created with tool named:

• Vite

Used also:

• axios
• react-router-dom
• jwt-decode
• react-loader-spinner

How to run this full-stack app?

• Firstly clone this project to your local IDE

Type:

git clone https://github.com/goldipl/Django-React-Blog.git

• Secondly run back-end

Type:

python3 -m venv venv
venv/Scripts/activate (if doesnt work on windows: Set-ExecutionPolicy Unrestricted -Scope Process)
cd backend
pip install -r requirements.txt

Remember to make migrations

python manage.py makemigrations
python manage.py migrate

start backend:

python manage.py runserver

Development server will run at:

http://127.0.0.1:8000/

• Thirdly, split terminal, change direction to frontend and run the front-end part using commands below

Type:

cd frontend

After it install all packages, typing:

npm i

Now you can run your front-end part typing:

npm run dev

and go to development server:

http://localhost:5173/

Screenshots

Source & inspired by

Tech With Tim

Additional funcionalities coded by me