{"id":21992487,"url":"https://github.com/walidbosso/mern_stack_blogproject","last_synced_at":"2025-10-10T21:31:55.115Z","repository":{"id":212876983,"uuid":"732512735","full_name":"walidbosso/MERN_Stack_BlogProject","owner":"walidbosso","description":"This project is a dynamic and responsive full-stack web application developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. Tailwind CSS is utilized for modern and utility-driven styling.","archived":false,"fork":false,"pushed_at":"2024-01-07T11:55:53.000Z","size":644,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T02:34:26.176Z","etag":null,"topics":["about","addcommentform","article","articles","articleslist","blog","commentslist","components","expressjs","home","javascript","mern-stack","mern-stack-development","mongodb","navbar","nodejs","notfound","reactjs","tailwindcss","webapp"],"latest_commit_sha":null,"homepage":"https://github.com/walidbosso/MERN_Stack_BlogProject","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/walidbosso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2023-12-16T23:16:10.000Z","updated_at":"2024-10-20T21:38:57.000Z","dependencies_parsed_at":"2024-01-07T12:42:50.260Z","dependency_job_id":null,"html_url":"https://github.com/walidbosso/MERN_Stack_BlogProject","commit_stats":null,"previous_names":["walidbosso/wakatime"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/walidbosso/MERN_Stack_BlogProject","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FMERN_Stack_BlogProject","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FMERN_Stack_BlogProject/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FMERN_Stack_BlogProject/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FMERN_Stack_BlogProject/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walidbosso","download_url":"https://codeload.github.com/walidbosso/MERN_Stack_BlogProject/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FMERN_Stack_BlogProject/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279005413,"owners_count":26083883,"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-10-10T02:00:06.843Z","response_time":62,"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":["about","addcommentform","article","articles","articleslist","blog","commentslist","components","expressjs","home","javascript","mern-stack","mern-stack-development","mongodb","navbar","nodejs","notfound","reactjs","tailwindcss","webapp"],"created_at":"2024-11-29T20:13:54.390Z","updated_at":"2025-10-10T21:31:54.710Z","avatar_url":"https://github.com/walidbosso.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/walidbosso","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"readme":"\n\n\n\n![MERN_Stack_BlogProject](https://socialify.git.ci/walidbosso/MERN_Stack_BlogProject/image?description=1\u0026font=Source%20Code%20Pro\u0026forks=1\u0026issues=1\u0026language=1\u0026name=1\u0026owner=1\u0026pattern=Formal%20Invitation\u0026pulls=1\u0026stargazers=1\u0026theme=Auto)\n\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/MERN_Stack_BlogProject\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e \u003c/a\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n  \n  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=walidbosso\u0026data=followers,repositories,stars,commits\u0026theme=nautilus)](https://github.com/walidbosso/MERN_Stack_BlogProject)\n\n  \u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/MERN_Stack_BlogProject\"\u003e\n\u003cimg src=\"https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fwalidbosso%2FMERN_Stack_BlogProject\u0026label=Project%20views\u0026countColor=%23263759\u0026style=flat-square\u0026labelStyle=none\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://github.com/walidbosso/MERN_Stack_BlogProject\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e\n  \u003ca/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\n  \n# MERN Stack Project with Tailwind CSS\n  \n  \u003c/div\u003e\n\n\n\n\n\n## Summary\n\nThis project is a dynamic and responsive full-stack web application developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. Tailwind CSS is utilized for modern and utility-driven styling. The project includes various components such as comment forms, article renderers, and navigation bars, along with distinct pages like the About, Article, Articles List, Home, and NotFound. The application aims to provide a seamless and engaging user experience, allowing users to explore and interact with articles and comments. The project is open-source and licensed under the MIT License.\n\n\n## Components\n\n### 1. AddCommentForm.js\n- **Description:** This component facilitates the addition of comments to the web application. It integrates seamlessly with the comment feature.\n\n### 2. Articles.js\n- **Description:** Responsible for rendering articles on the user interface. This component plays a crucial role in presenting content to users.\n\n### 3. CommentsList.js\n- **Description:** Displays a list of comments associated with articles. Enhances user engagement by showcasing community interactions.\n\n### 4. Navbar.js\n- **Description:** The navigation bar component that provides easy and intuitive access to different sections of the web application.\n\n## Pages\n\n### 1. About.js\n- **Description:** The About page offers insights into the purpose and vision of the web application. Users can learn more about the project and its contributors.\n\n### 2. Article.js\n- **Description:** This page presents individual articles with detailed content, fostering a rich reading experience for users.\n\n### 3. Article_before_fullstack-react.js\n- **Description:** The previous version of the article page, capturing the evolution of the application before the migration to full-stack React.\n\n### 4. ArticlesList.js\n- **Description:** Lists multiple articles, providing users with an overview of available content. Enhances content discoverability.\n\n### 5. Home.js\n- **Description:** The homepage serves as the entry point for users, featuring highlights and essential information about the application.\n\n### 6. NotFound.js\n- **Description:** This page handles 404 errors gracefully, improving the user experience by guiding users when they encounter missing or non-existent pages.\n\n## License\n\nThis project operates under the **MIT License**. Refer to the [LICENSE](LICENSE) file for detailed information.\n\n\n## Feedback and Contributions\n\nYour feedback and contributions are invaluable! Feel free to open issues, submit pull requests, or connect for discussions.\n\n- Contact me in [LinkedIn](https://www.linkedin.com/in/walidbosso) for questions. \n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \n----------------------\n\u003e \u003e  \u003cbr/\u003e \u0026copy; *by Walid BOUSSOU*   🇲🇦 😄 \u003cbr/\u003e  \n----------------------\n\n\u003cdetails\u003e\n\n\u003csummary\u003e👏 Thanks for the support \u003c/summary\u003e\n\n## Stargazers\n\n\n\u003cdiv align=\"center\"\u003e\n\n[![Stargazers repo roster for @walidbosso/MERN_Stack_BlogProject](http://reporoster.com/stars/dark/walidbosso/MERN_Stack_BlogProject)](https://github.com/walidbosso/MERN_Stack_BlogProject/stargazers)\n\n\n\n\u003c/div\u003e\n\n## Forkers\n\n\u003cdiv align=\"center\" \u003e\n\n[![Forkers repo roster for @walidbosso/MERN_Stack_BlogProject](http://reporoster.com/forks/dark/walidbosso/MERN_Stack_BlogProject)](https://github.com/walidbosso/MERN_Stack_BlogProject/network/members)\n\n\u003c/div\u003e\n\n## Contributors\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://contrib.rocks/image?repo=walidbosso/MERN_Stack_BlogProject\"/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\u003c/details\u003e\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003c!--THANKS--\u003e\n \u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.buymeacoffee.com/walidbosso\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026emoji=☕\u0026slug=walidbosso\u0026button_colour=5F7FFF\u0026font_colour=ffffff\u0026font_family=Poppins\u0026outline_colour=ffffff\u0026coffee_colour=FFDD00\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/walidbosso/MERN_Stack_BlogProject?style=social)\n\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n\n![GitHub License](https://img.shields.io/github/license/walidbosso/MERN_Stack_BlogProject?style=social)\n\n\n\n\n\u003c/div\u003e\n\n\n𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!\n\n\u003cbr/\u003e\n\n\n\u003cp align=\"center\"\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"https://img.shields.io/badge/Back%20to%20top--lightgrey?style=social\" alt=\"Back to top\" height=\"20\"/\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/ciber-coding.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Fmern_stack_blogproject","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalidbosso%2Fmern_stack_blogproject","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Fmern_stack_blogproject/lists"}