{"id":19598607,"url":"https://github.com/kaplanh/mernstack_block-app","last_synced_at":"2026-04-10T11:02:22.494Z","repository":{"id":208821660,"uuid":"722568913","full_name":"kaplanh/MernStack_Block-App","owner":"kaplanh","description":"Blog App - Mern Stack Application.","archived":false,"fork":false,"pushed_at":"2023-12-22T13:40:16.000Z","size":5604,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-26T15:16:17.538Z","etag":null,"topics":["css3","database","express","formik-yup","html5","js","mongodb","mui-material","nodejs","react-router","reactjs","redux-persist","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://mern-stack-block-app-v1.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/kaplanh.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}},"created_at":"2023-11-23T12:34:48.000Z","updated_at":"2023-12-21T22:32:26.000Z","dependencies_parsed_at":"2023-12-02T14:47:01.334Z","dependency_job_id":null,"html_url":"https://github.com/kaplanh/MernStack_Block-App","commit_stats":null,"previous_names":["kaplanh/mernstack_block-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kaplanh/MernStack_Block-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2FMernStack_Block-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2FMernStack_Block-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2FMernStack_Block-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2FMernStack_Block-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kaplanh","download_url":"https://codeload.github.com/kaplanh/MernStack_Block-App/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2FMernStack_Block-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"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":["css3","database","express","formik-yup","html5","js","mongodb","mui-material","nodejs","react-router","reactjs","redux-persist","redux-toolkit"],"created_at":"2024-11-11T09:06:54.252Z","updated_at":"2026-04-10T11:02:22.472Z","avatar_url":"https://github.com/kaplanh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id=\"user-content-toc\"\u003e\n  \u003cul align=\"left\"\u003e\n    \u003csummary\u003e\u003ch1 style=\"display: inline-block\"\u003eMern Stack Blog App\u003c/h1\u003e\u003c/summary\u003e\n  \u003c/ul\u003e\n\u003c/div\u003e\n\n\u003ctable\u003e\n   \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth\u003eWhat's used in this app ?\u003c/th\u003e\n            \u003cth\u003eHow to run ?\u003c/th\u003e\n            \u003cth\u003eAuthor\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n  \u003ctbody\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e \n      \u003cli\u003e React\n      \u003cli\u003e Node.js - Express.js\n      \u003cli\u003e MongoDB\n      \u003cli\u003e Material UI\n      \u003cli\u003e Redux / Toolkit\n      \u003cli\u003e React-router-dom    \n      \u003cli\u003e Custom hooks  \n      \u003cli\u003e Axios instance\n      \u003cli\u003e Formik and Yup\n      \u003cli\u003e React-Toastify\n    \u003c/td\u003e\n    \u003ctd\u003e  \u003ch4\u003eOnce you clone the project\u003c/h4\u003e  \n\n 1) chnage directory `cd server`  and run  `npm install` or `yarn install` for node modules\n 2) run `nodemon` or `yarn start` to run server\n 3) chnage directory `cd client`  and run  `pnpm install` or `yarn install` for node modules\n 4) run `pnpm run dev` or `yarn run dev` for open development stage\n   \u003c/td\u003e\n    \u003ctd\u003e \u003cli\u003e \u003ca href=\"https://github.com/kaplanh\" target=\"_blank\"\u003eTake a look at my other projects\u003c/a\u003e \u003cli\u003e \u003ca href=\"https://www.linkedin.com/in/kaplan-h/\" target=\"_blank\"\u003eVisit me on Linkedin\u003c/a\u003e \n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd colspan=\"3\"\u003e\u003ch3\u003eWhat is this project about ?\u003c/h3\u003e \n\u003cp\u003e\nThe goal was to construct a blog post management system using Node.js and Express for the backend, with MongoDB serving as the database. JWT tokens were utilized to enhance security during user authentication processes, including registration and login functionalities. On the frontend, powered by React, the Material-UI library was seamlessly integrated to ensure a visually engaging and user-friendly design. React-Router played a pivotal role in enabling smooth page transitions, while the strategic use of Formik and Yup libraries streamlined form structuring and validation processes. The integration of React-Toastify further enriched user interactions by providing informative notifications. This project highlighted my proficiency in a comprehensive tech stack, encompassing Node.js, Express, MongoDB, React, Material-UI, JWT tokens, React-Router, Formik, and Yup, contributing to the successful development of an efficient and secure blog post management system.\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n      \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n\n\n\u003cdiv id=\"user-content-toc\"\u003e\n  \u003cul align=\"left\"\u003e\n    \u003csummary\u003e\u003ch2\u003eHow does my project look and Relational database management system\u003c/h2\u003e\u003c/summary\u003e\n  \u003c/ul\u003e\n\u003c/div\u003e\n\n[Live Link](https://mern-stack-block-app-v1.vercel.app/)\n\n\u003c!-- ![blog app](https://github.com/AliDurul/MernStack_Blog-App/assets/80897590/1d78fdb1-5326-4237-b630-097889dbc09a) --\u003e\n\n![blog app](https://github.com/AliDurul/MernStack_Blog-App/assets/80897590/a439c8f6-cf4e-4c19-bbd5-9c06b29788e2)\n\n\n\n\n\n\u003cdiv id=\"user-content-toc\"\u003e\n  \u003cul align=\"left\"\u003e\n    \u003csummary\u003e\u003ch2\u003eFeedback and Collaboration\u003c/h2\u003e\u003c/summary\u003e\n  \u003c/ul\u003e\n\u003c/div\u003e\nI value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out.\u003cbr\u003e\nI'm always open to collaboration and welcome the opportunity to work on exciting projects together.\u003cbr\u003e\nThank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!\n\n\n\n\n## Project Skeleton\n\n```\nBlog App (folder)\n|\n|---- README.md\n|\n├── client\n|     ├── public\n|     ├── src\n|     |      ├── app\n|     |      ├── components\n|     |      ├── features\n|     |      ├── helper\n|     |      ├── hooks\n|     |      ├── img\n|     |      ├── pages\n|     |      ├── router\n|     |      ├── styles\n|     |      ├── App.jsx\n|     |      ├── index.css\n|     |      └── main.jsx\n|     |\n|     ├── .env_example\n|     ├── .eslintrc.cjs\n|     ├── .gitignore\n|     ├── index.html\n|     ├── package.json\n|     ├── pnpm-lock.yaml\n|     ├── vercel.json\n|     └── vite.config.js\n|\n├── server\n|     ├── src\n|     |      ├── configs\n|     |      ├── controllers\n|     |      ├── helpers\n|     |      ├── middlewares\n|     |      ├── models\n|     |      └── routes\n|     |\n|     ├── .gitignore\n|     ├── blog app.png\n|     ├── index.js\n|     ├── package-lock.json\n|     ├── package.json\n|     ├── readme.md\n|     ├── vercel.json\n|     └── yarn.lock\n|\n└── README.md\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaplanh%2Fmernstack_block-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaplanh%2Fmernstack_block-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaplanh%2Fmernstack_block-app/lists"}