Blog-On

Welcome to Blog-On, a simple CRUD-based web application where users can create, upload, delete, and edit blogs. The app also includes rich-text editor, user authentication, allowing registered users to manage their blogs with ease. Users can upload cover images for their blogs as well.

Website Link

Access the live website here: Blog-On

---

Features

• User Authentication: Secure login functionality that allows users to access and manage their blog posts.
• Blog Management:
  • Create, read, update, and delete blogs.
  • Upload and edit cover images for blogs.
  • Rich-Text Editor using TinyMCE.
• Responsive Design: The application is designed to work seamlessly on both desktop and mobile devices.

---

Tech Stack

Frontend:

• React.js: A JavaScript library for building user interfaces.
• TailWindCSS: For styling the components and making the app responsive.
• Cloudinary: Used for storing and managing images uploaded by users.
• TinyMCE

Backend:

• Node.js: A JavaScript runtime used for building the server-side logic.
• Express.js: A web application framework for handling API routes and middleware.
• MongoDB: A NOSQL database used for storing user data and blog information.

Setup and Installation

To run the project locally, follow these steps:

Prerequisites:

• Node.js
• MongoDB database

Installation:

1. Clone the repository:

   git clone https://github.com/your-username/fullstack.git
   

2. Navigate to the frontend folder and install dependencies:

    cd /Frontend
    npm install
   

3. Navigate to the backend folder and install dependencies:

    cd /Backend
    npm install
   

Configure environment variables in the backend folder using env.sample.

4. Start the development server:

5. Frontend:

   cd /Frontend
   npm start
   

6. Backend:

   cd /Backend
   npm run dev