BlogNigma - Blog Website

📋 Table of Contents

1. 💡 Overview
2. 👩‍💻 Tech Stack
3. ✨ Features
4. 📦 Getting Started
5. 📖 Documentation
6. 📫 Contribute
7. 🐛 Issues

💡 Overview

BlogNigma is a modern blogging platform built with React and Vite, featuring a clean and responsive user interface. This application allows users to create, edit, and manage blog posts seamlessly.

👩‍💻 Tech Stack

• React
• TailwindCSS
• Appwrite as Backend (for Backend Service)
• TinyMCE as Text Editor (for Text Editor Functionality)
• Html-react-parser for parsing HTML
• React Hook Form for handling input forms
• Redux Toolkit (RTK)
• React Router

✨ Features

• User Authentication & Authorization allowing users to securely sign up, log in, and manage their sessions.

• Responsive User Interface designed with Tailwind CSS to ensure optimal user experience across all devices and screen sizes.

• State Management with Redux to maintain a smooth and consistent data flow throughout the application.

• File Storage and Retrieval implemented using Appwrite's Storage service, enabling seamless upload and preview of featured images in blog posts.

📦 Getting Started

Follow these steps to set up the project locally on your machine.

clone the repository

git clone https://github.com/Rohitbiradar111/Blog-Project.git

Install dependencies

  npm install

Start the server

  npm run dev

Open http://localhost:3000 in your browser to view the project.

📖 Documentation

React

TailWindCSS

Appwrite

TinyMCE

React Hook Form

Redux Toolkit

React Router

📫 Contribute

Contributions are always welcome. Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature-name).
3. Make your changes and commit them (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature-name).
5. Open a pull request.

Please make sure to update tests as appropriate.

🐛 Issues

If you encounter any issues while using or setting up the project, please check the issues section to see if it has already been reported. If not, feel free to open a new issue detailing the problem.

When reporting an issue, please include:

• A clear and descriptive title.
• A detailed description of the problem.
• Steps to reproduce the issue.
• Any relevant logs or screenshots.
• The environment in which the issue occurs (OS, browser, Node.js version, etc.).