BlogVerse

BlogVerse is a web application built with React for sharing and reading blog posts. It provides a seamless user experience with features like user authentication, dynamic content creation, and responsive UI design.

Demo

Check out the live demo of the application here.

Key Features

• User Authentication: Secure login and registration system powered by Appwrite for seamless user management.
• Dynamic Content: Users can create, edit, and delete blog posts using a rich text editor that supports formatting and styling.
• Posts Page: Dedicated page to view full blog content with options to edit and delete posts (accessible to authors only).
• Responsive UI: Optimized for all devices to ensure a consistent and user-friendly experience.
• Loading Progress: Includes a top loading bar to indicate loading progress, enhancing user interaction.
• Confirmation Popups: Modal dialogs for actions like logout and deleting blog posts, ensuring user confirmation.

Technologies Used

• Frontend: React, Tailwind CSS, JavaScript
• Backend: Appwrite (Backend as a Service - BaaS)
• State Management: Redux Toolkit
• Routing: React Router
• Form Handling: React Hook Form
• Rich Text Editor: TinyMCE
• Loading Indicator: NProgress
• Version Control: Git, GitHub

Getting Started

1. Clone the repository:

   git clone https://github.com/PriyanshuTrivedi07/BlogVerse.git

2. Navigate to the project directory:

   cd BlogVerse

3. Install the dependencies:

   npm install

4. Set up environment variables:

• Create a .env file in the root directory.
• Define environment variables as described in .env.sample file.

5. Run the application:

   npm run dev

   The app will be running at http://localhost:5173.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Connect with me on LinkedIn : Priyanshu Trivedi ↗