{"id":15176322,"url":"https://github.com/pranavarora1895/appwrite-react-blog-app","last_synced_at":"2026-02-28T15:32:29.597Z","repository":{"id":256851003,"uuid":"856620082","full_name":"pranavarora1895/appwrite-react-blog-app","owner":"pranavarora1895","description":"A production grade React and Appwrite Blog application","archived":false,"fork":false,"pushed_at":"2024-10-18T00:25:02.000Z","size":86,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T07:30:41.047Z","etag":null,"topics":["appwrite","blog","react","redux","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://appwrite-react-blog-app-weld.vercel.app","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/pranavarora1895.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"pranavarora1895","thanks_dev":null,"custom":null}},"created_at":"2024-09-12T22:34:14.000Z","updated_at":"2024-10-18T00:25:05.000Z","dependencies_parsed_at":"2024-09-13T11:54:25.341Z","dependency_job_id":"5c43db78-4b9c-4782-a967-e0753a165e75","html_url":"https://github.com/pranavarora1895/appwrite-react-blog-app","commit_stats":{"total_commits":17,"total_committers":1,"mean_commits":17.0,"dds":0.0,"last_synced_commit":"d88f0ca0e4d417c0491752242a164fef720ac913"},"previous_names":["pranavarora1895/appwrite-react-blog-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pranavarora1895/appwrite-react-blog-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavarora1895%2Fappwrite-react-blog-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavarora1895%2Fappwrite-react-blog-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavarora1895%2Fappwrite-react-blog-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavarora1895%2Fappwrite-react-blog-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pranavarora1895","download_url":"https://codeload.github.com/pranavarora1895/appwrite-react-blog-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranavarora1895%2Fappwrite-react-blog-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29940284,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T13:49:17.081Z","status":"ssl_error","status_checked_at":"2026-02-28T13:48:50.396Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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","blog","react","redux","redux-toolkit"],"created_at":"2024-09-27T13:02:21.432Z","updated_at":"2026-02-28T15:32:29.573Z","avatar_url":"https://github.com/pranavarora1895.png","language":"JavaScript","funding_links":["https://buymeacoffee.com/pranavarora1895"],"categories":[],"sub_categories":[],"readme":"# AppWrite React Blog App\n\nThis Cloud Application was developed using AppWrite as a BaaS (Backend as a Service), React as its frontend, and Tailwind CSS. The users can signup/login, read other users' posts or create, edit or delete their posts.\n\n\n## Checkout this demo video\n\n\nhttps://github.com/user-attachments/assets/0241458e-2d77-4fe7-827e-bf105437d8b1\n\n\n### Video Description\n\nThe video shows the implementation of the following:\n\n1. Authentication (SignUp and Login)\n2. Authentication storage in Redux\n3. Reading the posts created by others\n4. Creating a post\n5. Editing a post that was owned by a respective user\n6. Unable to Edit or Delete other users' posts\n\n### AppWrite Stats\n\n![image](https://github.com/user-attachments/assets/a05bd13d-f203-4aa9-bb4b-3f0dd27f64ed)\n\n\n\n## Following concepts are implemented:\n\n\n### Cloud Backend\n\n\u003e Implementation of Appwrite that gives BaaS (Backend as a Service) on Cloud (Similar to AWS).\n\n\n### Vendor Lock-in prevention\n\n\u003e Inorder to separate the dependency of Appwrite which is a Backend as a Service, a separate service has been created. This ensures separating the app if the app needs to be migrated to any other cloud platform.\n\n\u003e Implementation of Clean Code\n\n\n### Redux Store\n\n\u003e Redux Toolkit is used to track the authentication (login and logout)\n\n\u003e In the branch named `post-redux`, postSlice has been created to cache the posts to minimize the GET request from the server.\n\n\n### Components Reusablity\n\n\u003e useForwardRef is used to transfer the state from parent to child component\n\n\n### React Hook Form\n\n\u003e Usage of React hook form for signup and login\n\n\u003e Slug Transformation: used `watch` method of React hook form to watch the activity of the `title` field and transformed slug based on the `title`.\n\n\n### Mechanism to protect pages and routes\n\n\u003e Protected Container is created to protect pages and routes\n\n\n### TinyMCE Rich Text Editor\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavarora1895%2Fappwrite-react-blog-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpranavarora1895%2Fappwrite-react-blog-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavarora1895%2Fappwrite-react-blog-app/lists"}