Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/skp3214/ideafusion
https://github.com/skp3214/ideafusion
appwrite blog-web-app blog-website react redux-toolkit tailwindcss
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/skp3214/ideafusion
- Owner: skp3214
- Created: 2024-07-27T08:24:56.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-09-21T11:25:51.000Z (about 2 months ago)
- Last Synced: 2024-10-31T20:07:00.144Z (5 days ago)
- Topics: appwrite, blog-web-app, blog-website, react, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://ideafusion.vercel.app/
- Size: 3.32 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 🖥 [IDEA FUSION Blog Application](#-project-preview-️)
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.
https://github.com/user-attachments/assets/df59d009-0f44-4cdb-9bf8-38ea79535ca7
## 💎 Features
- **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.
## ▤ Tech Stack
- **Frontend**: React, Vite, TailwindCSS
- **Backend**: Appwrite (for authentication, database, and file storage)
- **State Management**: Redux
## 👊 Getting Started
### 🟠 Installation
1. **Clone the repository:**
```bash
git clone https://github.com/skp3214/IdeaFusion.git
```
2. **Navigate to the project directory:**
```bash
cd IdeaFusion
```
3. **Install dependencies:**
```bash
npm install
```
4. **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.
5. **Run the development server:**
```bash
npm run dev
```
6. **Open the application in your browser:**
Navigate to `http://localhost:5173` (or the port specified in your Vite configuration).
## 🛠️ Configuration
1. **Environment Variables**
Create a `.env` file in the root of the project and add the following variables:
```env
VITE_APPWRITE_URL="https://cloud.appwrite.io/v1"
VITE_APPWRITE_PROJECT_ID=""
VITE_APPWRITE_DATABASE_ID=""
VITE_APPWRITE_COLLECTION_ID=""
VITE_APPWRITE_BUCKET_ID=""
```
2. **TailwindCSS Configuration**
TailwindCSS is already configured. You can customize the styles by modifying the `tailwind.config.js` file.
## 🏹 Usage
- **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.
## ❄ Contributing
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.
## 🔭 Acknowledgements
- **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.
---
## 📽 Project Preview 🖼️
