A modern blog application built with React, Vite, Appwrite, and TailwindCSS. This application features a sleek user interface and powerful backend services for a seamless blogging experience.
Idea.Fusion.mp4
- User Authentication: Secure login and signup functionality.
- Post Management: Create, update, and delete blog posts.
- User Profiles: View and update user profiles.
- Responsive Design: Built with TailwindCSS for a mobile-friendly and modern design.
- State Management: Uses Redux for efficient state management.
- Frontend: React, Vite, TailwindCSS
- Backend: Appwrite (for authentication, database, and file storage)
- State Management: Redux
-
Clone the repository:
git clone https://github.com/skp3214/IdeaFusion.git
-
Navigate to the project directory:
cd IdeaFusion
-
Install dependencies:
npm install
-
Set up Appwrite:
- Create an Appwrite project.
- Set up authentication, database, and file storage services.
- Configure the Appwrite client in your project. Refer to the
.env
file for necessary environment variables.
-
Run the development server:
npm run dev
-
Open the application in your browser:
Navigate to
http://localhost:5173
(or the port specified in your Vite configuration).
-
Environment Variables
Create a
.env
file in the root of the project and add the following variables:VITE_APPWRITE_URL="https://cloud.appwrite.io/v1" VITE_APPWRITE_PROJECT_ID="" VITE_APPWRITE_DATABASE_ID="" VITE_APPWRITE_COLLECTION_ID="" VITE_APPWRITE_BUCKET_ID=""
-
TailwindCSS Configuration
TailwindCSS is already configured. You can customize the styles by modifying the
tailwind.config.js
file.
- Login/Signup: Navigate to the authentication pages to log in or sign up.
- Post Management: Create, update, or delete posts from the dashboard.
- Profile Management: View and update your profile information.
Feel free to fork the repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.
- React: For building the user interface.
- Vite: For fast build and development.
- Appwrite: For backend-as-a-service.
- TailwindCSS: For the beautiful and responsive design.
- Redux: For state management.