VisionaryPic is a modern blog platform built with React, Redux, and Appwrite. It features a clean, responsive design and allows users to create, edit, and manage blog posts with rich text content and image uploads.
User registration with email and password
Clean and simple login interface
Dashboard showing various blog categories including Productivity, AI, SEO, and Web3
Rich text editor with image upload capability
- 🔐 User authentication (signup, login, logout)
- 📝 Create, edit, and delete blog posts
- 🖼️ Image upload support for post thumbnails
- 📱 Responsive design
- 🔍 Rich text editor integration
- 🎨 Modern UI with Tailwind CSS
- 🔄 State management with Redux
- 🚀 Backend powered by Appwrite
- React.js
- Redux Toolkit
- React Router DOM
- Appwrite
- TinyMCE Editor
- Tailwind CSS
- React Hook Form
- HTML React Parser
- Node.js (v14 or higher)
- npm or yarn
- Appwrite instance (local or cloud)
- VITE_APPWRITE_URL="Your-Appwrite-URL"
- VITE_APPWRITE_PROJECT_ID="Your-Project-ID"
- VITE_APPWRITE_DATABASE_ID="Your-Database-ID"
- VITE_APPWRITE_COLLECTION_ID="Your-Collection-ID"
- VITE_APPWRITE_BUCKET_ID="Your-Bucket-ID"
- Secure user authentication using Appwrite
- Protected routes with AuthLayout component
- Redux state management for auth status
- Rich text editor for post content
- Image upload functionality
- CRUD operations for posts
- Responsive post cards and layout
- Modern and clean design
- Responsive navigation
- Loading states and error handling
- Form validation
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Appwrite for the backend services
- TinyMCE for the rich text editor
- Tailwind CSS for the styling