https://github.com/milosz275/blog-app
Fullstack blog application built with Django and React deployed to GitHub Pages as a subpage.
https://github.com/milosz275/blog-app
blog django django-rest-framework github-pages react rest-api
Last synced: about 1 year ago
JSON representation
Fullstack blog application built with Django and React deployed to GitHub Pages as a subpage.
- Host: GitHub
- URL: https://github.com/milosz275/blog-app
- Owner: milosz275
- License: mit
- Created: 2024-08-16T10:07:15.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-06T21:14:55.000Z (over 1 year ago)
- Last Synced: 2025-01-08T11:27:43.508Z (over 1 year ago)
- Topics: blog, django, django-rest-framework, github-pages, react, rest-api
- Language: JavaScript
- Homepage: https://milosz275.github.io/blog-app
- Size: 4.57 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blog App
[](https://github.com/milosz275/blog-app/actions/workflows/django.yml)
[](https://github.com/milosz275/blog-app/actions/workflows/github-code-scanning/codeql)
[](https://github.com/milosz275/blog-app/actions/workflows/pages/pages-build-deployment)
[](https://github.com/milosz275/blog-app/)
[](LICENSE)
Fullstack [blog](https://github.com/milosz275/blog-app) application with frontend and backend components. The frontend is built with React and the backend is built with Node.js and Express. The frontend and backend are connected with a RESTful API. The Application can be set to either act like personal blog or platform for people to create their blog postings.
## Schema
Schema is generated using Swagger UI and Redoc. After running the app, schema is available at [http://localhost:8000/schema/swagger-ui](http://localhost:8000/schema/swagger-ui/) and [http://localhost:8000/schema/redoc/](http://localhost:8000/schema/redoc/).
## Features
Application variants:
- Personal Blog
- Forum with user registration
Personal blog offers the page owner to create blog posts and modify them with Django admin panel. People can view public posts and provide their feedback if verified the email. Frontend login and registration components are disabled.
Forum offers user registration and login with password, adjustable user profile, and blog post creation with an option to react to other people's posts if logged in.
### Frontend
- [ ] Main page with blog posts and features
- [x] User logout
### Backend
- [x] User registration
- [x] User login
- [x] Dynamic user profile picture using base64 encoding
- [x] Dynamic blog post miniature using base64 encoding
- [x] Functional admin panel with image downloads
- [ ] User profile modification
- [ ] User email registration verification
- [ ] User password reset
- [ ] User password change
- [ ] Language selection
## Technologies
- React
- Django
- RESTful API
## Installation
1. Clone the repository
2. Install the dependencies
3. Start the server
### Frontend
```bash
cd blog-app/frontend
npm install
npm run start
```
### Backend
```bash
cd blog-app/backend
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
touch .env
echo "SECRET_KEY=your_secret_key" >> .env
echo "DEBUG=True" >> .env
python manage.py makemigrations users posts
python manage.py migrate
python manage.py runserver
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
## Acknowledgements
- [Django REST framework](https://www.django-rest-framework.org/)
- [React](https://reactjs.org/)
- [Django](https://www.djangoproject.com/)
- [Undraw illustrations](https://undraw.co/)