Skip to content

Built with React JS and Appwrite, this blog application offers user authentication, CRUD operations for blogs with image support, and integrates the TinyMCE text editor for rich content creation.

Notifications You must be signed in to change notification settings

Vaibhav-Kolhe14/Blogify

Repository files navigation

Blogify

This is a simple blogging platform built using React for the frontend and Appwrite as the backend. The platform provides basic blogging features such as user registration, login, the ability to create and edit blog posts, and a rich text editor for content creation.

Overview

BlogApp is a feature-rich web application that enables users to publish articles effortlessly. Built with React, Redux Toolkit (RTK), Tailwind CSS, and Appwrite, it offers secure user authentication, intuitive article management, and a powerful rich text editor powered by TinyMCE.

Features

  • User Authentication: Secure signup and login using email.
  • Article Management: Create, edit, and delete articles with ease.
  • Rich Text Editor: Powered by TinyMCE, offering a plethora of formatting options including font styles, colors, headings, indentations, images, tables, special characters, and numbering.
  • Production-Grade Practices: Follows production-grade practices for development.
  • Backend-as-a-Service (BaaS) Architecture: Structured as a Backend-as-a-Service (BaaS) application using Appwrite.

Usage

TinyMCE

The application leverages TinyMCE, providing an intuitive and powerful rich text editing experience. Users can format text, insert multimedia elements, and craft engaging articles akin to professional word processors.

Appwrite

Appwrite serves as the backbone, streamlining backend operations and enhancing the security of user authentication and data storage. Appwrite abstracts the complexity and repetitiveness required to build a modern backend API, allowing developers to build secure apps faster.

Redux Toolkit

Redux Toolkit is a package that helps simplify Redux application development. It includes utilities to simplify several common Redux use cases, including store setup, creating reducers, immutable update logic, and more. Redux Toolkit is used in this project to manage the application's state efficiently and maintain a predictable state container.

Installation

This guide will walk you through the installation process for setting up a React project and running the Blogify App.

Prerequisites

Before you begin, make sure you have the following installed on your system:

Step 1: Clone the Repository

git clone https://github.com/Vaibhav-Kolhe14/Blogify.git

Step 2: Navigate to Project Directory

cd Blogify

Step 3: Install Dependencies

npm install

Step 4: Start the Development Server

Once the dependencies are installed, start the development server:

npm run dev

Thank you for checking out my project!

About

Built with React JS and Appwrite, this blog application offers user authentication, CRUD operations for blogs with image support, and integrates the TinyMCE text editor for rich content creation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published