Blog-Platform Tailwind Templates

Blog Platform

This project is a simple blog platform built with React and styled using Tailwind CSS. Users can create, edit, and delete blog posts with titles, descriptions, and images. It uses Vite for fast development and offers a clean, responsive interface for managing content locally.

BLOG PLATFORM

Overview

The Simple Blog Platform is a web-based application built with React that allows users to create, read, update, and delete (CRUD) blog posts. Each blog post consists of a title, description, and an image, and is displayed in a visually appealing card format.

The platform is designed to be user-friendly and provides a straightforward interface for managing blog content.

Features

Create Posts : Users can create new blog posts by providing a title, description, and an image URL.

Edit Posts : Users can edit existing blog posts by clicking the "Edit" button on a post card.

Delete Posts : Users can delete blog posts by clicking the "Delete" button on a post card. This action removes the post from the list, ensuring that the content stays relevant and up-to-date.

Responsive Design : The platform is designed to be responsive, ensuring a seamless experience on both desktop and mobile devices.

Tech Stack

React : A JavaScript library for building user interfaces, providing the foundation for the application's frontend.

Tailwind CSS : A utility-first CSS framework for styling the application, ensuring a consistent and responsive design.

Local State Management : React's useState hook is used to manage the state of blog posts within the application.

Installation and Setup

  1. Clone the Repository :

    git clone https://github.com/ArpanSurin/Blog-Platform.git
    
  2. Navigate to project directory :

    cd Blog-Platform
    
  3. Install Dependencies :

    npm install
    
  4. Start the Website :

    npm run dev
    
  5. Open the application in your browser :

     http://localhost:5173
    

Top categories

Loading Svelte Themes