https://github.com/junaidsalim/blogapp
A dynamic web application for effortless blog creation, management, and interaction, featuring a React frontend and Django backend.
https://github.com/junaidsalim/blogapp
blog bootstrap django django-rest-framework fullstack-development html javascript jwt postgres postgresql python react swagger
Last synced: 2 months ago
JSON representation
A dynamic web application for effortless blog creation, management, and interaction, featuring a React frontend and Django backend.
- Host: GitHub
- URL: https://github.com/junaidsalim/blogapp
- Owner: JunaidSalim
- License: mit
- Created: 2024-08-16T09:04:20.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-09-21T12:43:51.000Z (9 months ago)
- Last Synced: 2025-02-11T13:52:27.828Z (4 months ago)
- Topics: blog, bootstrap, django, django-rest-framework, fullstack-development, html, javascript, jwt, postgres, postgresql, python, react, swagger
- Language: JavaScript
- Homepage:
- Size: 354 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BlogApp
Our Blog Management Platform is a dynamic web application designed to empower users to create, edit, and manage their blogs with ease. The platform offers a seamless experience by integrating a robust backend built with Django and a responsive frontend crafted using React. It caters to both novice and experienced bloggers, providing an intuitive interface for managing blog content and interacting with readers.
## Demo
https://github.com/user-attachments/assets/35403c8d-ec64-4ec0-abfe-521e68089b9d
https://github.com/user-attachments/assets/40a95831-9148-42e8-8eea-f9c98572fe8d
## Key Features
- **User Authentication:** Easily register and log in to the platform, with secure authentication managed using JWT tokens. Personal data is protected with robust security measures.
- **AI Content Generation:** Integrated AI tools streamline the blog creation process, helping users generate high-quality content quickly.
- **Dashboard:** Personalized dashboard displaying all your blog posts, including details such as title, content, author, and publication date.
- **Blog Management:** Comprehensive tools for creating, editing, and deleting blog posts. The ReactQuill editor provides a smooth, user-friendly writing experience.
- **Comments Section:** Engage with readers through a dedicated comments section. Readers can leave comments, with each comment displaying relevant user information.
- **Responsive Design:** Built with a responsive design to ensure optimal performance across all devices, from mobile phones to desktop monitors.
## Technology Stack
- **Frontend:** React and Bootstrap for building the user interface.
- **Backend:** Django, powered by Django REST Framework, to manage server-side logic and API endpoints.
- **Database:** PostgreSQL for reliable and scalable data storage.
- **Authentication:** Secure user authentication is managed through JSON Web Tokens (JWT).
## Installation and Setup
### Prerequisites
- Node.js (for frontend)
- Python (for backend)
- PostgreSQL (for database)
### Frontend Setup
1. Clone the repository:
```bash
git clone https://github.com/JunaidSalim/BlogApp
```
2. Navigate to the frontend directory:
```bash
cd BlogApp/frontend
```
3. Install dependencies:
```bash
yarn install
```
4. Start the development server:
```bash
yarn start
```
### Backend Setup
1. Navigate to the backend directory:
```bash
cd BlogApp/backend
```
2. Create a virtual environment and activate it:
```bash
python -m venv venv
venv\Scripts\activate # On Windows
source venv/bin/activate # On Mac & Linux
```
3. Install dependencies:
```bash
pip install -r requirements.txt
```
4. Configure the PostgreSQL database:
Update the database settings in backend/settings.py.
5. Apply migrations:
```bash
python manage.py migrate
```
6. Create a superuser:
```bash
python manage.py createsuperuser
```
5. Start the Django development server:
```bash
python manage.py runserver
```
## Contributing
Feel free to submit issues, fork the repository, and make pull requests. We welcome contributions and feedback from the community.
## License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact
For any questions or support, please reach out to [email protected].