Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vaibhav-kolhe14/blogify
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.
https://github.com/vaibhav-kolhe14/blogify
appwrite reactjs redux-toolkit tinymce
Last synced: 8 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/vaibhav-kolhe14/blogify
- Owner: Vaibhav-Kolhe14
- Created: 2024-06-06T08:58:08.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-06T09:20:22.000Z (7 months ago)
- Last Synced: 2024-07-30T16:58:45.008Z (5 months ago)
- Topics: appwrite, reactjs, redux-toolkit, tinymce
- Language: JavaScript
- Homepage:
- Size: 128 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
- [Node.js and npm](https://nodejs.org/en): You can download and install Node.js from the [official website](https://nodejs.org/en).
### Step 1: Clone the Repository
```bash
git clone https://github.com/Vaibhav-Kolhe14/Blogify.git
```
### Step 2: Navigate to Project Directory
```bash
cd Blogify
```
### Step 3: Install Dependencies
```bash
npm install
```
### Step 4: Start the Development Server
Once the dependencies are installed, start the development server:
```bash
npm run dev
```
> Thank you for checking out my project!