{"id":22479747,"url":"https://github.com/code-with-divyanshu/megablog_app","last_synced_at":"2026-05-04T00:34:13.405Z","repository":{"id":246160854,"uuid":"820278139","full_name":"code-with-divyanshu/MegaBlog_App","owner":"code-with-divyanshu","description":"Mega Blog is a full-fledged blog application built with React.js with feature user management, post creation, updation, listing , deletation etc. ","archived":false,"fork":false,"pushed_at":"2025-08-26T10:47:27.000Z","size":411,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-26T13:24:51.133Z","etag":null,"topics":["appwrite-cloud","javascript-library","react","react-components","react-hook-forms","react-hooks","react-redux","react-router","react-router-dom","reactjs","tailwind-css","tinymce"],"latest_commit_sha":null,"homepage":"https://mega-blog-app.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/code-with-divyanshu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-06-26T06:48:44.000Z","updated_at":"2025-08-26T10:47:30.000Z","dependencies_parsed_at":"2024-10-16T18:40:34.792Z","dependency_job_id":"1abe398d-80e6-49da-8193-006a4633534e","html_url":"https://github.com/code-with-divyanshu/MegaBlog_App","commit_stats":null,"previous_names":["code-with-divyanshu/megablog_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/code-with-divyanshu/MegaBlog_App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-with-divyanshu%2FMegaBlog_App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-with-divyanshu%2FMegaBlog_App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-with-divyanshu%2FMegaBlog_App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-with-divyanshu%2FMegaBlog_App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/code-with-divyanshu","download_url":"https://codeload.github.com/code-with-divyanshu/MegaBlog_App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-with-divyanshu%2FMegaBlog_App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590392,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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-cloud","javascript-library","react","react-components","react-hook-forms","react-hooks","react-redux","react-router","react-router-dom","reactjs","tailwind-css","tinymce"],"created_at":"2024-12-06T15:16:48.811Z","updated_at":"2026-05-04T00:34:13.384Z","avatar_url":"https://github.com/code-with-divyanshu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mega Blog\n\nWelcome to the GitHub repository for the Mega Blog App! This repository contains the source code for a 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.\n\n## Introduction\n\nMega Blog is a full-fledged blog application built with React.js that offers the following features:\n\n- **User Management:**\n\n  - Users can register for new accounts using a signup form with validation (powered by React Hook Form).\n\n  - Existing users can log in securely using Appwrite for authentication.\n\n  - Users can log out seamlessly, clearing authentication tokens.\n\n- **Post Creation:**\n\n  - Authorized users can create new blog posts, crafting content with ease using a rich text editor (TinyMCE).\n\n  - Post data is stored securely in Appwrite's database.\n\n- **Post Listing:**\n  - A clear and organized list displays all published blog posts.\n  - Each post showcases the title, author, and a snippet of the content.\n  - Consider implementing pagination or sorting for extensive post management (optional).\n- **Update Post:**\n\n  - Users can update their existing post if the same user that is Logged in and have their own post.\n  - User can also delete their own post.\n\n- **Route Management:**\n  - The application leverages react-router-dom for efficient routing between different sections.\n  - Specific routes handle authentication (login, logout), post creation, and post listing.\n\n## Tech Stack\n\n- **Frontend:** React.js\n- **Form Handling:** React Hook Form\n- **Rich Text Editor:** TinyMCE.\n- **State Management:** Redux with react-redux\n- **Routing:** react-router-dom\n- **Backend:** Appwrite (for database, storage, and authentication) and you can use firebase etc.\n\n## Deployment \u0026 Repository\n\n- **Live Demo:**\n\n  https://mega-blog-app.netlify.app\n\n- **Repository:**\n\n  https://github.com/code-with-divyanshu/MegaBlog_App\n\n## Installation\n\n### Clone the repository:\n\n    git clone https://github.com/code-with-divyanshu/MegaBlog_App\n\n### Navigate to the project directory:\n\n    cd mega-blog\n\n### Install dependencies:\n\n    npm install\n\n### Running the Development Server :\n\n    npm run dev\n\n### Access the application in your browser at\n\n    http://localhost:5173`\n\n(or the port specified in package.json).\n\n### For deploy and Build application:\n\n    npm run build\n\n### Contributing\n\nContributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.\n\n## Disclaimer\n\nThe information provided here serves as a starting point for understanding the Mega Blog app. While explanations are clear, it's recommended to explore the code itself for the most comprehensive grasp of implementation details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-with-divyanshu%2Fmegablog_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-with-divyanshu%2Fmegablog_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-with-divyanshu%2Fmegablog_app/lists"}