Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/goldipl/django-react-blog
Full-stack Blog Web App written using React.js, Tailwind CSS as a front-end; Django & Python as a backend.
https://github.com/goldipl/django-react-blog
django python react-js rest-framework tailwind-css
Last synced: about 1 month ago
JSON representation
Full-stack Blog Web App written using React.js, Tailwind CSS as a front-end; Django & Python as a backend.
- Host: GitHub
- URL: https://github.com/goldipl/django-react-blog
- Owner: goldipl
- Created: 2024-04-08T08:00:15.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-05-16T05:35:33.000Z (6 months ago)
- Last Synced: 2024-10-10T06:02:25.215Z (about 1 month ago)
- Topics: django, python, react-js, rest-framework, tailwind-css
- Language: JavaScript
- Homepage:
- Size: 6.09 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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:
```bash
git clone https://github.com/goldipl/Django-React-Blog.git
```
- _Secondly run back-end_
Type:
```bash
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
```bash
python manage.py makemigrations
python manage.py migrate
```
start backend:
```bash
python manage.py runserver
```
Development server will run at:
```bash
http://127.0.0.1:8000/
```
- _Thirdly, split terminal, change direction to frontend and run the front-end part using commands below_
Type:
```bash
cd frontend
```
After it install all packages, typing:
```bash
npm i
```
Now you can run your front-end part typing:
```bash
npm run dev
```
and go to development server:
```bash
http://localhost:5173/
```
## Screenshots
## Source & inspired by
[Tech With Tim](https://github.com/techwithtim/Django-React-Full-Stack-App)
Additional funcionalities coded by [me](https://github.com/goldipl)