Skip to content

Latest commit

 

History

History
60 lines (47 loc) · 2.37 KB

README.md

File metadata and controls

60 lines (47 loc) · 2.37 KB
Raw

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.
  1. 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 ↗