BlogSphere is a web application crafted for users to articulate their thoughts and ideas through published articles. It seamlessly incorporates user authentication, a robust rich text editor, and Appwrite as the backend, ensuring a smooth and secure experience for writers and readers.
-
User Authentication: Integrate Google OAuth-based user authentication to facilitate secure login functionality via Google accounts, streamlining the login process and offering users a familiar and trusted authentication method.
-
Code Splitting: Implemented code splitting to enhance performance by dynamically loading JavaScript only when necessary, optimizing initial page load time and improving user experience.
-
Engagement Features Integration: Implemented seamless user navigation using React Router, coupled with interactive like and comment functionality, enhancing user experience and fostering community engagement.
-
Rich Text Editor: Empowered by TinyMCE, the editor presents a range of formatting options, including font styles, colors, headings, indentations, images, tables, special characters, and numbering.
-
Post Creation and Editing: Users can create new posts and edit existing ones, with options to set the title, content, featured image, and status (active/inactive).
-
Image Upload: The website supports image upload functionality, allowing users to include featured images in their blog posts.
-
Responsive Design: The website is designed with a responsive layout using React components and Tailwind CSS, ensuring compatibility with various devices and screen sizes.
-
Seamless Navigation: React Router is leveraged for seamless navigation between different pages of the website.
- 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.
- Clone the Repository: git clone https://github.com/RidhikaJoshi/Blog.git
- Navigate to the Project Directory: cd Blog
- Install Dependencies: npm install
- Run npm run dev to get the project started.
- Sign Up and Log In: Establish an account using your email and log in to access the complete set of features.
- Create and Manage Articles: Visit "Add Post" in the navbar to publish a post. Modify or delete your articles as needed.
- Explore All Posts: Explore the "All Posts" section to discover articles published by other users.
The application employs TinyMCE, offering an intuitive and powerful rich text editing experience. Users can format text, insert multimedia elements, and create engaging articles reminiscent of professional word processors.
Appwrite serves as the backbone, streamlining backend operations and enhancing the security of user authentication and data storage. Appwrite simplifies the complexities and repetitions involved in building a modern backend API, enabling developers to construct secure apps more efficiently.
BlogSphere is accessible on Website, providing a convenient platform for users to experience the application.