Visit the React Blog Project to explore the live demo.
This project is a React-based blog application designed for creating, editing, and managing blog posts. It utilizes Redux for state management, Appwrite as the backend service provider, and Tailwind CSS for styling. Additionally, it incorporates the React Form Hook library for form management.
- User authentication and authorization
- Create, read, update, and delete (CRUD) operations for blog posts
- Real-time updates and notifications
- Responsive design for mobile and desktop devices
- Customizable themes and styling with Tailwind CSS
- React.js
- Redux
- Appwrite
- Tailwind CSS
- React Form Hook
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd react-blog-project
- Install dependencies:
npm install
- Set up environment variables:
- Copy the
.env.sample
file and rename it to.env
- Update the
.env
file with your Appwrite endpoint, project ID, and collection ID.
- Copy the
- Start the development server:
npm start
- Sign up for an account to start creating and managing blog posts.
- Explore the dashboard to view, edit, and delete existing posts.
- Use the create post form to compose new blog entries.
- Customize the styling and themes using Tailwind CSS utilities.
- Redux: https://redux.js.org/
- Appwrite: https://appwrite.io/
- Tailwind CSS: https://tailwindcss.com/
- React Form Hook: [https://react-hook-form.com/]