{"id":18545466,"url":"https://github.com/muhammadaliashraf/mern-stack-blog-website","last_synced_at":"2026-04-10T07:49:29.112Z","repository":{"id":238738233,"uuid":"797410745","full_name":"MuhammadAliashraf/Mern-Stack-Blog-Website","owner":"MuhammadAliashraf","description":"This project is a blog website developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to read, create, update, and delete blog posts. The website features a user-friendly interface and integrates various technologies to provide a seamless blogging experience.","archived":false,"fork":false,"pushed_at":"2024-08-01T02:27:43.000Z","size":2395,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T09:18:25.471Z","etag":null,"topics":["axios","blog","blog-mern","blog-web","blog-web-app","blog-webapplication","blog-website","curd-operation","expressjs","free","jwt-authentication","mern-project","mern-stack-app","mern-stack-development","mo","nodejs","reactjs","redux-toolkit","webiste-design"],"latest_commit_sha":null,"homepage":"https://full-stack-blog-app-murex.vercel.app/","language":null,"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/MuhammadAliashraf.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-05-07T19:21:57.000Z","updated_at":"2024-08-01T02:27:46.000Z","dependencies_parsed_at":"2024-08-01T05:04:31.954Z","dependency_job_id":"843f3168-7f69-4f30-9cc0-5412dde83823","html_url":"https://github.com/MuhammadAliashraf/Mern-Stack-Blog-Website","commit_stats":null,"previous_names":["muhammadaliashraf/mern-stack-blog-website"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2FMern-Stack-Blog-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2FMern-Stack-Blog-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2FMern-Stack-Blog-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammadAliashraf%2FMern-Stack-Blog-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhammadAliashraf","download_url":"https://codeload.github.com/MuhammadAliashraf/Mern-Stack-Blog-Website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254283350,"owners_count":22045141,"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":["axios","blog","blog-mern","blog-web","blog-web-app","blog-webapplication","blog-website","curd-operation","expressjs","free","jwt-authentication","mern-project","mern-stack-app","mern-stack-development","mo","nodejs","reactjs","redux-toolkit","webiste-design"],"created_at":"2024-11-06T20:20:21.622Z","updated_at":"2026-04-10T07:49:29.105Z","avatar_url":"https://github.com/MuhammadAliashraf.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# **Blog Website using MERN Stack**\n\n## **Overview**\nThis project is a blog website developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to read, create, update, and delete blog posts. The website features a user-friendly interface and integrates various technologies to provide a seamless blogging experience.\n\nLINK_URL=[https://full-stack-blog-app-murex.vercel.app/](https://full-stack-blog-app-murex.vercel.app/)\n\n## **Features**\n\n - **User Authentication:** Implement user authentication to allow users to register, login, and logout securely.\n - **Change Password:** Provide an option for users to Change their Password if needed.\n - **Create Blog Posts:** Users can create new blog posts, including titles, content, and optional images.\n - **Read Blog Posts:** Display a list of blog posts on the homepage, allowing users to read the full post by clicking on them.\n - **Update Blog Posts:** Allow users to edit their own blog posts, including modifying the title, content, and images.\n - **Delete Blog Posts:** Provide an option for users to delete their blog posts if needed.\n - **Responsive Design:** Ensure the website is responsive and works well on various devices, including desktops, tablets, and\n   smartphones.\n - **Search Functionality:** Coming Soon....\n\n## Technologies Used\n\n## **Frontend:**\n\n - **React.js:** Used for building the user interface and managing state.\n - **Redux:** State management library for managing application state.\n - **React Router:** Used for client-side routing.\n - **Axios:** HTTP client for making requests to the backend server.\n\n## **Backend:**\n\n- **Node.js:** JavaScript runtime environment for server-side code.\n- **Express.js:** Web application framework for building RESTful APIs.\n- **MongoDB:** NoSQL database for storing blog posts and user data.\n- **Mongoose:** ODM (Object Data Modeling) library for MongoDB and Node.js.\n### Image Uploading:\n- **Cloudinary:** Cloud-based image and video management service for uploading, storing, and managing images. Used for image uploading functionality\n## **Authentication:**\n\n- **JSON Web Tokens (JWT):** Used for secure authentication and authorization.\n- **bcrypt.js:** Library for hashing passwords before storing them in the database.\n\n## Deployment:\n\n-  **Vercel:** Platform used for deploying and hosting the frontend application.\nInstallation\n\n## **How To Use This**\n\nClone the repository: git clone **repository-url**\n-  ***Front End Side***\n- Navigate to the client directory: cd **client**\n- Install dependencies: npm install\n- Run Commad For Front End: **npm start** \n- http://localhost:3000/\n- ***Server End Side***\n- Navigate to the client directory: cd **Server**\n- Install dependencies: npm install\n- Run Commad For Front End: **npm run dev** \n- http://localhost:9001\n\nCreate a .env file in the root directory and add necessary environment variables.\n\n 1. DB_URL=**YOUR_MONGODB_URL**\n 2. PORT=**YOUR_PORT**\n 3. JWT_SECRET=**YOUR_JWT_SECRET**\n 4. JWT_EXPIRE=**TOKEN_LIFE_TIME_FOR_EXPIRE**\n\n# DEMO VIDEO\n**Coming Soon....**\n\n**Contributing**\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#Source Code is available on the given link below:\nThe source code is paid. If you're interested, you can reach out via email at alijutt030627@gmail.com\n\nThe price is flexible—you can pay any amount greater than $0.\n\nBest regards,\nMuhammad Ali \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadaliashraf%2Fmern-stack-blog-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammadaliashraf%2Fmern-stack-blog-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammadaliashraf%2Fmern-stack-blog-website/lists"}