This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
BlogSphere is a dynamic online platform designed to help individuals express their ideas and opinions through articles that are published. It ensures a smooth and secure experience for writers and readers by integrating Appwrite as the backend, a powerful rich text editor, and user authentication smoothly.
- User authentication: Provides a safe way to register and log in with email addresses.
- Article management: simplifies the writing, editing, and removal of articles.
- Rich Text Editor: The editor, which is powered by TinyMCE, offers a lot of formatting choices, such as special characters, font styles, colors, headings, indentations, photos, tables, and numbers.
- Browse Articles: Visitors can look through and interact with articles written by other authors in a special section.
- React (Frontend): A versatile JavaScript library for crafting user interfaces.
- Tailwind CSS (Styling): A utility-first CSS framework for constructing efficient and responsive designs.
- Appwrite (Backend): An end-to-end backend server that simplifies backend tasks, ensuring secure user authentication and data storage.
- "@reduxjs/toolkit": "^2.0.1"
- "@tinymce/tinymce-react": "^4.3.2"
- "appwrite": "^13.0.1"
- "html-react-parser": "^5.1.1"
- "react": "^18.2.0"
- "react-dom": "^18.2.0"
- "react-hook-form": "^7.49.3"
- "react-redux": "^9.1.0"
- "react-router-dom": "^6.21.3"
- Clone the Repository: git clone https://github.com/lakshya-26/BlogHub
- Navigate to the Project Directory: cd BlogSphere
- Install Dependencies: npm install
- Run npm run dev to get the project started.
- Register and Sign in: Create an account with your email address and log in to see all of the features.
- Write and oversee articles: For publishing a post, select "Add Post" from the navbar. Delete or alter your articles as necessary.
- Examine Every Post: Look through the "All Posts" section to find posts written by other users.
- Examine Youe Post: Look through the "My Posts" section to find posts written by you.
- 📝 Editor for Rich Text: TinyMCE is used by the program to provide a user-friendly and robust rich text editing interface. It allows users to format text, add multimedia components, and write interesting articles that look and feel like they were written by pros.
The backbone is Appwrite, which improves user authentication and data storage security while optimizing backend operations. Appwrite makes it easier for developers to create safe apps faster by reducing the number of steps and complexity necessary in creating a contemporary backend API.
BlogSphere is accessible on Demo Link, providing a convenient platform for users to experience the application.