MegaBlog is a personal blogging website that allows users to express themselves through writing, read blogs from others, and manage their own posts. With user authentication functionality, users can securely log in, sign up for a new account, and access their own personalized sections.
The home page welcomes users to MegaBlog and provides a brief overview of the platform's features. Users can navigate to the login and signup pages to get started.
The about page provides information about MegaBlog, its mission, and the team behind it. Users can learn more about the purpose of the platform and its goals.
The contact us page allows users to reach out to the MegaBlog team for inquiries, feedback, or support. Users can fill out a contact form or find contact information for direct communication.
The all posts page displays a list of blog posts from all users on MegaBlog. Users can browse through various topics, read posts from others, and engage with the content by leaving comments or reactions.
The my posts page is a personalized section where users can view, manage, and update their own blog posts. Users have exclusive access to their posts and can edit or delete them as needed.
The add and update post page allows users to create new blog posts or edit existing ones. Users can write their content, add images, format text, and publish their posts to share with the MegaBlog community.
The login and signup pages are essential for user authentication. New users can sign up for an account to access MegaBlog, while existing users can log in to their accounts securely.
Visit MegaBlog to start blogging today!
MegaBlog is built using the following technologies:
- Frontend:
- React.js with Vite
- Tailwind CSS
- React Router for navigation
- Backend:
- appwrite
- npm packages
- appwrite
- @reduxjs/toolkit
- react-redux
- @tinymce/tinymce-react
- html-react-parser
- react-hook-form
- react-router-dom
To run MegaBlog locally, follow these steps:
- Clone the repository:
git clone https://github.com/namankoolwal/MegaBlog.git - Navigate to the project directory:
cd megablog - Install dependencies:
npm install - Start the development server:
npm start
This project is licensed under the MIT License.