A modern, minimalist fullstack blog platform built with React, Vite, TailwindCSS, Redux, and Appwrite as the backend server. Effortlessly create, edit, and share beautiful posts with a clean, distraction-free interface.
- Fullstack architecture powered by Appwrite (database, auth, storage)
- Minimalist, responsive UI with custom fonts and smooth layouts
- Rich text editor for writing posts
- Authentication (signup, login, logout)
- Post CRUD: create, edit, delete, view
- Image upload and preview for posts
- Tag selection and filtering
- Loader and feedback components for smooth UX
- 404 page and protected routes
- Clone the repository:
git clone https://github.com/MAhmad25/BlogWeb.git
- Install dependencies:
npm install
- Configure your Appwrite server and update
src/config/Keys.jswith your credentials. - Start the development server:
npm run dev
- Frontend: React, Vite, TailwindCSS, Redux, React Router, Styled Components
- Backend: Appwrite (Database, Auth, Storage)
- Other: GSAP (animations), Tinymce (rich text editor), React Hot Toast (notifications)
src/
app/ # Appwrite service logic (CRUD, storage)
components/ # UI components (Nav, Footer, Post, RTE, etc.)
config/ # Keys and config files
hooks/ # Custom React hooks
pages/ # Page components (Home, Login, Signup, ViewPost, etc.)
Routes/ # Route protection and app routing
store/ # Redux store and slices
utils/ # Utility functions
All authentication, post management, and file storage are handled via Appwrite. You must set up your own Appwrite server and update src/config/Keys.js with your project, database, and bucket IDs.
The UI is crafted with a focus on minimalism and readability. Custom fonts and TailwindCSS are used for a modern look. Components are modular and easy to extend.
Pull requests and suggestions are welcome! Please open issues for bugs or feature requests.
This project is open source under the MIT License.
Made with ❤️ by Ahmad Latif