Skip to content

Parag0712/React-Blog-Project

Repository files navigation

React Blog Project

Demo

Visit the React Blog Project to explore the live demo.

Description

This project is a React-based blog application designed for creating, editing, and managing blog posts. It utilizes Redux for state management, Appwrite as the backend service provider, and Tailwind CSS for styling. Additionally, it incorporates the React Form Hook library for form management.

Features

  • User authentication and authorization
  • Create, read, update, and delete (CRUD) operations for blog posts
  • Real-time updates and notifications
  • Responsive design for mobile and desktop devices
  • Customizable themes and styling with Tailwind CSS

Technologies Used

  • React.js
  • Redux
  • Appwrite
  • Tailwind CSS
  • React Form Hook

Installation

  1. Clone the repository: git clone <repository-url>
  2. Navigate to the project directory: cd react-blog-project
  3. Install dependencies: npm install
  4. Set up environment variables:
    • Copy the .env.sample file and rename it to .env
    • Update the .env file with your Appwrite endpoint, project ID, and collection ID.
  5. Start the development server: npm start

Usage

  • Sign up for an account to start creating and managing blog posts.
  • Explore the dashboard to view, edit, and delete existing posts.
  • Use the create post form to compose new blog entries.
  • Customize the styling and themes using Tailwind CSS utilities.

Credits