{"id":17568735,"url":"https://github.com/soap171/blog-application","last_synced_at":"2026-04-09T15:52:59.491Z","repository":{"id":258472801,"uuid":"870427202","full_name":"Soap171/Blog-application","owner":"Soap171","description":"MERN Stack Blog Application Build using React | Node JS | Express JS | MongoDB | Google Auth | Zustand | Mailtrap | React Query | Bootstrap 5","archived":false,"fork":false,"pushed_at":"2024-10-17T13:55:00.000Z","size":2861,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-04T15:18:10.285Z","etag":null,"topics":["blog","bootstrap5","expressjs","fullstack-development","google-authentication","mern-stack","mongodb-atlas","nodejs","react-query","reactjs","web","zustand"],"latest_commit_sha":null,"homepage":"","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/Soap171.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-10T02:51:03.000Z","updated_at":"2024-10-17T13:55:04.000Z","dependencies_parsed_at":"2024-10-19T06:51:08.609Z","dependency_job_id":"43cdab53-a57b-4207-8145-abd1118594cc","html_url":"https://github.com/Soap171/Blog-application","commit_stats":null,"previous_names":["soap171/blog-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soap171%2FBlog-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soap171%2FBlog-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soap171%2FBlog-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soap171%2FBlog-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Soap171","download_url":"https://codeload.github.com/Soap171/Blog-application/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246193421,"owners_count":20738486,"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","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":["blog","bootstrap5","expressjs","fullstack-development","google-authentication","mern-stack","mongodb-atlas","nodejs","react-query","reactjs","web","zustand"],"created_at":"2024-10-21T17:05:39.445Z","updated_at":"2025-12-30T19:59:37.155Z","avatar_url":"https://github.com/Soap171.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MERN Stack Blog Application\n\nA fully-featured blog application built using the MERN stack, featuring user authentication, blog management, and responsive design.\n\n## Features\n\n- **User Authentication**: Email verification, Google authentication, and JWT-based sessions.\n- **Profile Management**: Users can update their profile with images, username, city, phone number, and email.\n- **Blog Management**: Create, edit, and delete blogs. Search for blogs by name or keywords.\n- **Comments**: Users can comment on and delete comments from blog posts.\n- **Email Notifications**: Sends welcome emails, email verification, and password reset instructions using Mailtrap.\n- **Responsive Design**: Built using Bootstrap 5 for mobile-friendly layouts.\n\n## Tech Stack\n\n- **Frontend**: React, Zustand (State Management), React Query (Data Fetching), Bootstrap 5\n- **Backend**: Node.js, Express.js, MongoDB\n- **Email Service**: Mailtrap for transactional emails\n- **Authentication**: JWT, Google Authentication\n\n## Prerequisites\n\n- Node.js\n- MongoDB (local instance or cloud-based)\n\n## Getting Started\n\n### Clone the repository\n\n### Create a .env file in the root directory and set the following variables\n\n### Install both server and client dependencies\n\n### Start the Development Server\n\n### Navigate to the client folder and start the React application\n\n```bash\nPORT = 8000\nMONGO_URL = \u003cYour MongoDB URI\u003e\nJWT_SECRET = \"MERN-BLOG\"\nNODE_ENV = \"production\"\nCLIENT_URL = http://localhost:3000\nMAILTRAP_TOKEN = \u003cYour Mailtrap Token\u003e\nMAILTRAP_ENDPOINT = send.api.mailtrap.io\n\nnpm install - to both server and client dependencies\nnpm run dev - to Start the Development Server\ncd client -\u003e npm start - to start the client react app\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoap171%2Fblog-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoap171%2Fblog-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoap171%2Fblog-application/lists"}