{"id":26316603,"url":"https://github.com/ganeshsrambikal/blog_app_react_node","last_synced_at":"2026-04-10T04:54:53.383Z","repository":{"id":269951404,"uuid":"872855573","full_name":"GaneshSrambikal/blog_app_react_node","owner":"GaneshSrambikal","description":"Blogosphere A blogging website made with MERN stack. includes a complete user management. Include googles Gemini AI","archived":false,"fork":false,"pushed_at":"2024-12-27T11:08:24.000Z","size":854,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T13:16:15.507Z","etag":null,"topics":["ai","ai-content-generation","axios","blog","express","gemini","joi","jsonwebtoken","jwt-decode","mongodb","mongoose","nodemailer","react-icons","react-router-dom","reactjs","token","usecontext","vite"],"latest_commit_sha":null,"homepage":"https://blogsphere-react-node.vercel.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/GaneshSrambikal.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-10-15T07:34:15.000Z","updated_at":"2025-01-02T08:46:26.000Z","dependencies_parsed_at":"2024-12-27T12:28:54.415Z","dependency_job_id":null,"html_url":"https://github.com/GaneshSrambikal/blog_app_react_node","commit_stats":null,"previous_names":["ganeshsrambikal/blog_app_react_node"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GaneshSrambikal/blog_app_react_node","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GaneshSrambikal%2Fblog_app_react_node","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GaneshSrambikal%2Fblog_app_react_node/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GaneshSrambikal%2Fblog_app_react_node/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GaneshSrambikal%2Fblog_app_react_node/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GaneshSrambikal","download_url":"https://codeload.github.com/GaneshSrambikal/blog_app_react_node/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GaneshSrambikal%2Fblog_app_react_node/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28132549,"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-12-30T02:00:05.476Z","response_time":64,"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":["ai","ai-content-generation","axios","blog","express","gemini","joi","jsonwebtoken","jwt-decode","mongodb","mongoose","nodemailer","react-icons","react-router-dom","reactjs","token","usecontext","vite"],"created_at":"2025-03-15T13:16:17.632Z","updated_at":"2025-12-30T21:05:10.975Z","avatar_url":"https://github.com/GaneshSrambikal.png","language":"JavaScript","readme":"## Blogsphere (Create AI-powered blogs effortlessly)\n\n#### blogging website made with reactjs, express and mongdb. create blog content with google's gemini.\n\n#### Includes complete user management, google's gemini ai and razorpay integrations.\n\n![App Screenshot](https://mir-s3-cdn-cf.behance.net/project_modules/disp/69027e213638185.6749b426d2268.png)\n\n## Tech Stack\n\n**Client:** React\n\n**Server:** Node, Express\n\n**DB:** MongoDb\n\n**AI:** Google Gemini AI\n\n**Deployment:** Vercel\n\n### Other Stacks available\n\nIf you want a more progressive backend checkout the Nestjs + React Repo\n\n**React + Nestjs** : [github.com/GaneshSrambikal/blog_app_react_nestjs](https://github.com/GaneshSrambikal/blog_app_react_nestjs)\n\n## Authors\n\n- [@GaneshSrambikal](https://github.com/GaneshSrambikal)\n\n## Postman Collection\n\n- [blog_app_react_node](https://github.com/GaneshSrambikal/blog_app_react_node/blob/15d8a641d763d36f17ac4d6f625ce97a513fbfbb/blog_app_react_node.postman_collection.json)\n\n## About\n\nBlogshpere is an innovative platform that leverages artificial intelligence to simplify content creation with google's gemini ai. Whether you're a professional writer or a hobbyist, our tools help you craft compelling blogs, manage images, and reach your audience efficiently.\n\nComplete user management lets you manage your profile details, reset passwords and more. Besides creating new posts user get rewards point which later can be redeem to ai credits. User also gets rewards for liking and commenting on post.\n\nPurchase Ai credits with seemless payment through razorpay payment gateway.\n\n_Earn rewards_\n|Action | Rewards |\n|-------|---------|\n| 1 🗎 Blog post | 10 🪙 rewards|\n| 1 ❤️ Like | 1 🪙 reward|\n| 1 💬 comment | 5 🪙 reward |\n\n_Redeem Rewards to AI Credits_\n| Rewards |Redeem to =\u003e | AI credits |\n|--------|--------|------------|\n| 100 🪙 | 100 👉🏻| 100 💳|\n\n_Buy AI Credits_\n| Price (Rs) | AI Credits |\n|-------|------------|\n| 100 💸 | 100 💳 |\n\n## Packages Used\n\n**Frontend:**\n\n| Packages           | npm links                                           |\n| ------------------ | --------------------------------------------------- |\n| axios              | https://www.npmjs.com/package/axios                 |\n| joi                | https://www.npmjs.com/package/joi                   |\n| jwt-decode         | https://www.npmjs.com/package/jwt-decode            |\n| google/generate-ai | https://www.npmjs.com/package/@google/generative-ai |\n| react-confetti     | https://www.npmjs.com/package/react-confetti        |\n| react-icons        | https://www.npmjs.com/package/react-icons           |\n| react-router-dom   | https://www.npmjs.com/package/react-router-dom      |\n\n**Backend:**\n|Packages | npm links |\n|---------|-----------|\n|express|https://www.npmjs.com/package/express|\n|mongodb|https://www.npmjs.com/package/mongodb|\n|razorpay|https://www.npmjs.com/package/razorpay|\n|cloudinary|https://www.npmjs.com/package/cloudinary|\n|mongoose|https://www.npmjs.com/package/mongoose|\n|multer|https://www.npmjs.com/package/multer|\n|nodemailer|https://www.npmjs.com/package/nodemailer|\n|multer-storage-cloudinary|https://www.npmjs.com/package/multer-storage-cloudinary|\n|jsonwebtoken|https://www.npmjs.com/package/jsonwebtoken|\n|joi|https://www.npmjs.com/package/joi|\n|bcryptjs|https://www.npmjs.com/package/bcryptjs|\n\n## Installation\n\n#### Clone / fork the repo\n\n```bash\n  git clone https://github.com/GaneshSrambikal/blog_app_react_node.git\n```\n\n#### Frontend (cd frontend)\n\n```bash\n  npm install\n```\n\n#### Backend (cd backend)\n\n```bash\n  npm install\n```\n\n#### Set your .env variable key and value\n\n_for backend_\n\n```code\nPORT=5000\nMONGO_URI=''\nVITE_API_BASE_URL='/api'\nSUPER_ADMIN=''\nNODE_MAILER_EMAIL=''\nNODE_MAILER_PASSWORD=''\nAPP_TOKEN_NAME=''\nCLOUDINARY_CLOUD_NAME=''\nCLOUDINARY_API_KEY=''\nCLOUDINARY_API_SECRET=''\nCLOUDINARY_URL=''\nVITE_CLOUDINARY_PRESET=''\nRAZORPAY_KEY_ID=''\nRAZORPAY_KEY_SECRET=''\n```\n\n_for frontend_\n\n```code\nVITE_API_BASE_URL='http://localhost:5000/api'\nNODE_ENV=development\nVITE_CLOUDINARY_UPLOAD_URL=''\nVITE_CLOUDINARY_PRESET=''\nVITE_GEMINI_API_KEY=''\n\n```\n\n## Run Locally\n\nStart the server\n\n```bash\n  npm run server\n```\n\nStart the client\n\n```bash\nnpm run dev\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fganeshsrambikal%2Fblog_app_react_node","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fganeshsrambikal%2Fblog_app_react_node","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fganeshsrambikal%2Fblog_app_react_node/lists"}