A full-stack blogging platform built with React, .NET Core, and SQL Server.
- User Authentication: Secure login and registration system
- Post Management: Create, edit, and delete blog posts
- Rich Text Editing: Markdown and WYSIWYG editor support
- Image Upload: Post images with Cloudinary integration
- User Profiles: Customizable user profiles with avatar support
- Like System: Interactive post likes and engagement tracking
- Responsive Design: Works on desktop and mobile devices
- React
- Vite
- Redux (State Management)
- React Router (Navigation)
- TinyMCE (Rich Text Editor)
- ASP.NET Core
- Entity Framework Core
- SQL Server
- JWT Authentication
- Cloudinary (Image Storage)
- Node.js (v16+)
- .NET 8.0
- SQL Server
- Cloudinary account
git clone https://github.com/kushAheer/Blog-Webiste.git
cd Blog-Webiste/BackendCreate an appsettings.json file with the following structure:
{
"ConnectionStrings": {
"DefaultConnection": "Server=YOUR_SERVER;Database=BlogWeb;Trusted_Connection=True;TrustServerCertificate=True;"
},
"Jwt": {
"Key": "YOUR_SECRET_KEY",
"Issuer": "YourAppIssuer",
"Audience": "YourAppAudience",
"DurationInMinutes": 60
},
"Cloudinary": {
"CloudName": "YOUR_CLOUD_NAME",
"ApiKey": "YOUR_API_KEY",
"ApiSecret": "YOUR_API_SECRET"
}
}Run the following commands to apply migrations and create tables:
dotnet ef migrations add InitialCreate
dotnet ef database updateRun the backend:
dotnet runMake sure
dotnet-efis installed globally. If not, install it using:
dotnet tool install --global dotnet-ef
cd ../Frontend
npm install
npm run dev- Backend API: https://localhost:7098
- Frontend Dev Server: http://localhost:3000
- API proxying is configured in Vite for seamless integration
This will generate the production-ready frontend in the wwwroot directory.
Deploy the ASP.NET Core application to your preferred hosting platform (Azure, AWS, etc.).
This project is licensed under the MIT License. See the LICENSE file for details.
- Kush Aheer
- TinyMCE for rich text editing
- Cloudinary for image management
- Bootstrap for UI styling
Feel free to contribute by submitting issues or pull requests!