https://github.com/sureshbarach2001/blog-app
This project is a full-stack personal blog application built using the MERN Stack (MongoDB, Express.js, React, Node.js). It allows users to create, read, update, and delete (CRUD) blog posts, manage authentication using JWT, and ensures optimized performance using Webpack & Babel.
https://github.com/sureshbarach2001/blog-app
babel blog express fullstack javascript js jwt mern mongodb nodejs react redis webdev webpack
Last synced: over 1 year ago
JSON representation
This project is a full-stack personal blog application built using the MERN Stack (MongoDB, Express.js, React, Node.js). It allows users to create, read, update, and delete (CRUD) blog posts, manage authentication using JWT, and ensures optimized performance using Webpack & Babel.
- Host: GitHub
- URL: https://github.com/sureshbarach2001/blog-app
- Owner: sureshbarach2001
- License: mit
- Created: 2025-02-28T15:46:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-28T17:28:29.000Z (over 1 year ago)
- Last Synced: 2025-02-28T21:22:18.808Z (over 1 year ago)
- Topics: babel, blog, express, fullstack, javascript, js, jwt, mern, mongodb, nodejs, react, redis, webdev, webpack
- Language: JavaScript
- Homepage:
- Size: 125 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MERN Stack Personal Blog (Blog-App)
A full-stack personal blog application built using the MERN Stack (MongoDB, Express.js, React, Node.js). This blog allows users to create, read, update, and delete (CRUD) blog posts, manage authentication using JWT, and ensures optimized performance using Webpack & Babel.
## 🚀 Tech Stack & Tools Used
### Frontend:
- **React.js** (with React Router for navigation)
- **Webpack** (for bundling)
- **Babel** (for ES6+ support)
- **CSS** (for styling)
### Backend:
- **Node.js & Express.js** (for handling API routes)
- **JWT** (for authentication)
- **MongoDB & Mongoose** (for database)
- **Redis** (for caching)
### Development & Deployment:
- **Webpack Dev Server** (for live reloading)
- **Babel** (for modern JavaScript support)
- **Git & GitHub** (for version control)
## 💡 Features
- ✅ **User Authentication (JWT)**
- ✅ **Create, Edit, Delete Blog Posts**
- ✅ **Optimized Routing using React Router**
- ✅ **Webpack for module bundling**
- ✅ **MongoDB for scalable database storage**
- ✅ **Redis for caching and performance boost**
## 📂 Project Setup & Installation
### 1️⃣ Clone the repository:
```bash
git clone https://github.com/sureshbarach2001/Blog-App.git
cd mern-personal-blog
```
### 2️⃣ Install dependencies:
```bash
npm install
```
### 3️⃣ Start the development server:
```bash
npm start
```
### 4️⃣ This will start the Back-end server on port 5000.
## 📢 How to Push to GitHub
To push changes to GitHub, follow these steps:
```bash
git init
git remote add origin https://github.com/sureshbarach2001/Blog-App.git
git add .
git commit -m "Initial commit - MERN Personal Blog"
git branch -b Your-Branch-Name
git push -u origin Your-Branch-Name
```
## 📝 License
This project is licensed under the MIT License - see the LICENSE file for details.
## 📚 Acknowledgments
This project was created with the help of various online resources. Special thanks to the MERN
stack documentation and the MongoDB documentation for their excellent guides.
## 📂 Tags
#mern #react #express #nodejs #mongodb #fullstack #blog #webdev #jwt #webpack #babel #redis
### Customization Instructions:
- **Frontend:** `cd frontend` and run `npm start` to start the frontend server
- **Backend:** `cd backend` and run `npm start` to start the backend server
This `README.md` will serve as a comprehensive guide for users to understand, install, and contribute to your MERN Stack Personal Blog-App project.