{"id":30701523,"url":"https://github.com/garvit811/openink","last_synced_at":"2026-04-29T22:36:00.357Z","repository":{"id":312580992,"uuid":"1047964430","full_name":"garvit811/OpenInk","owner":"garvit811","description":"Open Ink ✍️ — A modern blog app built with React, Appwrite \u0026 TinyMCE. Create, edit, and share posts with a clean UI.","archived":false,"fork":false,"pushed_at":"2025-08-31T16:33:32.000Z","size":3165,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-31T18:25:24.501Z","etag":null,"topics":["appwrite","reactjs","tinymce","vite"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/garvit811.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-31T16:14:22.000Z","updated_at":"2025-08-31T16:33:35.000Z","dependencies_parsed_at":"2025-08-31T18:25:29.952Z","dependency_job_id":"783dd60b-6134-4285-9b8d-94642a296626","html_url":"https://github.com/garvit811/OpenInk","commit_stats":null,"previous_names":["garvit811/openink"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/garvit811/OpenInk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garvit811%2FOpenInk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garvit811%2FOpenInk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garvit811%2FOpenInk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garvit811%2FOpenInk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/garvit811","download_url":"https://codeload.github.com/garvit811/OpenInk/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garvit811%2FOpenInk/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273295007,"owners_count":25079904,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-02T02:00:09.530Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appwrite","reactjs","tinymce","vite"],"created_at":"2025-09-02T14:00:30.930Z","updated_at":"2026-04-29T22:36:00.352Z","avatar_url":"https://github.com/garvit811.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✒️ OpenInk - A Modern Blogging Platform\n\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=FFD62E)\n![Redux](https://img.shields.io/badge/Redux_Toolkit-764ABC?style=for-the-badge\u0026logo=redux\u0026logoColor=white)\n![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![Appwrite](https://img.shields.io/badge/Appwrite-F02E65?style=for-the-badge\u0026logo=appwrite\u0026logoColor=white)\n![License: MIT](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)\n\nOpenInk is a sleek and modern blogging platform designed for writers who value simplicity and performance. Built with a powerful stack including React and Appwrite, it provides a seamless experience for creating, managing, and sharing your ideas with the world.\n\n**[➡️ View Live Demo](https://your-live-demo-link.com)** ---\n\n---\n\n## 🚀 Key Features\n\n-   🔐 **Full Authentication:** Secure sign-up, log-in, and session management powered by Appwrite.\n-   ✍️ **Rich Text Editing:** A powerful WYSIWYG editor (TinyMCE) for crafting beautiful posts.\n-   🖼️ **Dynamic Image Uploads:** Seamlessly upload and manage featured images for your posts with Appwrite Storage.\n-   📰 **Complete Post Management (CRUD):** Full capabilities to create, read, update, and delete posts.\n-   👤 **User-Specific Content:** A \"My Posts\" section for users to easily view and manage their own articles.\n-   📱 **Fully Responsive Design:** A clean and modern UI built with TailwindCSS that looks great on all devices.\n-   ⚡ **Optimized State Management:** Centralized and predictable state powered by Redux Toolkit.\n\n---\n\n## 🛠️ Tech Stack\n\n-   **Frontend:** React (with Vite), TailwindCSS\n-   **State Management:** Redux Toolkit\n-   **Backend as a Service (BaaS):** Appwrite (Handles Auth, Database, and Storage)\n-   **Form Handling:** React Hook Form\n-   **Rich Text Editor:** TinyMCE\n\n---\n\n## ⚙️ Getting Started\n\nFollow these instructions to get a copy of the project up and running on your local machine.\n\n### Prerequisites\n\n-   Node.js and npm installed on your machine.\n-   An [Appwrite](https://appwrite.io/) account (free tier is sufficient).\n-   A [TinyMCE](https://www.tiny.cloud/) account to get a free API key.\n\n### 1. Backend Setup (Appwrite)\n\n1.  **Create a Project:** Log in to your Appwrite console and create a new project.\n2.  **Create a Database:** In your project, navigate to **Databases** and create a new database.\n3.  **Create a Collection:** Inside the database, create a collection named `Posts`.\n4.  **Define Attributes:** Go to the **Attributes** tab for your `Posts` collection and create the following attributes:\n    * `title` (string, required)\n    * `content` (string, required)\n    * `featuredImage` (string, required)\n    * `status` (string, required)\n    * `userId` (string, required)\n5.  **Create a Storage Bucket:** Navigate to **Storage** and create a new bucket named `BlogImages`.\n6.  **Set Permissions:** For both your collection and bucket, go to the **Settings** tab and grant **Read** and **Write** access to `Users` to allow authenticated users to manage their content.\n7.  **Gather Credentials:** Keep your Appwrite Endpoint, Project ID, Database ID, Collection ID, and Bucket ID handy for the next step.\n\n### 2. Local Project Setup\n\n1.  **Clone the Repository:**\n    ```bash\n    git clone [https://github.com/garvit811/openink.git](https://github.com/garvit811/openink.git)\n    cd openink\n    ```\n\n2.  **Install Dependencies:**\n    ```bash\n    npm install\n    ```\n\n3.  **Configure Environment Variables:**\n    Create a file named `.env` in the root of the project and add the following, replacing the placeholder values with your actual credentials from Appwrite and TinyMCE.\n\n    ```env\n    # Appwrite Configuration\n    VITE_APPWRITE_ENDPOINT=[https://cloud.appwrite.io/v1](https://cloud.appwrite.io/v1)\n    VITE_APPWRITE_PROJECT_ID=your_project_id\n    VITE_APPWRITE_DATABASE_ID=your_database_id\n    VITE_APPWRITE_COLLECTION_ID=your_collection_id\n    VITE_APPWRITE_BUCKET_ID=your_bucket_id\n\n    # TinyMCE Configuration\n    VITE_TINY_MCE_API_KEY=your_tinymce_api_key\n    ```\n\n4.  **Run the Development Server:**\n    ```bash\n    npm run dev\n    ```\n\nThe application should now be running on `http://localhost:5173/`.\n\n---\n\n## 📂 Project Structure\n\nThe project follows a modular structure to keep the code organized and maintainable.\n\n```\nsrc/\n├── appwrite/      # Appwrite services (auth, database config)\n├── assets/        # Static assets like images and logos\n├── components/    # Reusable UI components (Header, Footer, Button, etc.)\n├── conf/          # Environment variable configurations\n├── pages/         # Top-level page components (Home, AddPost, Login, etc.)\n├── store/         # Redux Toolkit store, slices, and actions\n├── App.jsx        # Root component with routing\n└── main.jsx       # Application entry point\n```\n\n---\n## 🤝 Contributing\n\nContributions are welcome! If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the \"enhancement\" tag.\n\n1.  Fork the Project\n2.  Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3.  Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4.  Push to the Branch (`git push origin feature/AmazingFeature`)\n5.  Open a Pull Request\n\n---\n\n## 📜 License\n\nThis project is licensed under the MIT License. See the `LICENSE` file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgarvit811%2Fopenink","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgarvit811%2Fopenink","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgarvit811%2Fopenink/lists"}