Welcome to the GitHub repository for the Mega Blog App! This repository contains the source code for a powerful blogging platform equipped with essential features like user authentication, post management, and content creation. It utilizes Appwrite as the backend service for managing the database and storage operations.
Mega Blog is a full-fledged blog application built with React.js that offers the following features:
-
User Management:
-
Post Creation:
-
Post Listing:
-
Update Post:
-
Route Management:
- The application leverages react-router-dom for efficient routing between different sections.
- Specific routes handle authentication (login, logout), post creation, and post listing.
- Frontend: React.js
- Form Handling: React Hook Form
- Rich Text Editor: TinyMCE (or similar)
- State Management: Redux with react-redux
- Routing: react-router-dom
- Backend: Appwrite (for database, storage, and authentication)
- Live Demo: https://mega-blog-nine-gamma.vercel.app
- **Repository:**https://github.com/Vrighu/ApneVichar
-
Clone the repository:
git clone https://github.com/Vrighu/ApneVichar.git
-
Navigate to the project directory:
cd mega-blog
-
Install dependencies:
npm install
-
Running the Development Server :
npm run dev
-
Access the application in your browser at
http://localhost:5173
(or the port specified in package.json).
-
Create an Appwrite account and project at https://appwrite.io.
-
Obtain your project's endpoint URL, project ID, and API key.
-
Create a
.env
file at the project root and add the following environment variables, replacing placeholders with your actual values:VITE_APPWRITE_URL=""
VITE_APPWRITE_PROJECT_ID=""
VITE_APPWRITE_DATABASE_ID=""
VITE_APPWRITE_COLLECTION_ID=""
VITE_APPWRITE_BUCKET_ID=""
VITE_TINY_EDITOR_API_KEY=""