{"id":15091675,"url":"https://github.com/jnaoroji/mvc_tech_blog_jn","last_synced_at":"2026-02-12T16:06:52.664Z","repository":{"id":178648959,"uuid":"657410893","full_name":"jnaoroji/MVC_Tech_Blog_JN","owner":"jnaoroji","description":"CMS style Tech blog created using the MVC Paradigm- Express, Sequelize, MySQL, bcrypt","archived":false,"fork":false,"pushed_at":"2023-07-09T13:40:22.000Z","size":13592,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T11:47:41.602Z","etag":null,"topics":["bcyrpt","blog","connect-session-sequelize","dotenv","express-handlebars","express-session","handlebarsjs","javascript","mysql2","nodejs","sequelize-orm"],"latest_commit_sha":null,"homepage":"https://jnaoroji.github.io/MVC_Tech_Blog_JN/","language":"CSS","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/jnaoroji.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-06-23T02:18:15.000Z","updated_at":"2023-09-10T05:13:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"c9431ef3-7a05-4266-806b-0421d5a85db8","html_url":"https://github.com/jnaoroji/MVC_Tech_Blog_JN","commit_stats":null,"previous_names":["jnaoroji/mvc_tech_blog_jn"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jnaoroji/MVC_Tech_Blog_JN","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FMVC_Tech_Blog_JN","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FMVC_Tech_Blog_JN/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FMVC_Tech_Blog_JN/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FMVC_Tech_Blog_JN/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jnaoroji","download_url":"https://codeload.github.com/jnaoroji/MVC_Tech_Blog_JN/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jnaoroji%2FMVC_Tech_Blog_JN/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272878320,"owners_count":25008336,"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-08-30T02:00:09.474Z","response_time":77,"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":["bcyrpt","blog","connect-session-sequelize","dotenv","express-handlebars","express-session","handlebarsjs","javascript","mysql2","nodejs","sequelize-orm"],"created_at":"2024-09-25T10:42:39.341Z","updated_at":"2026-02-12T16:06:52.626Z","avatar_url":"https://github.com/jnaoroji.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 14 Model-View-Controller (MVC): Jenny's Tech Blog\n\n## Description\n\nMy Task is to build a CMS-style blog site, where developers can publish thier blog posts and comment on other developers' posts. This app will include an MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.\n\nThis app will follow the user story and acceptance criteria below:\n\n## User Story\n\n```md\nAS A developer who writes about tech\nI WANT a CMS-style blog site\nSO THAT I can publish articles, blog posts, and my thoughts and opinions\n```\n\n## Acceptance Criteria\n\n```md\nGIVEN a CMS-style blog site\nWHEN I visit the site for the first time\nTHEN I am presented with the homepage, which includes existing blog posts if any have been posted; navigation links for the homepage and the dashboard; and the option to log in\nWHEN I click on the homepage option\nTHEN I am taken to the homepage\nWHEN I click on any other links in the navigation\nTHEN I am prompted to either sign up or sign in\nWHEN I choose to sign up\nTHEN I am prompted to create a username and password\nWHEN I click on the sign-up button\nTHEN my user credentials are saved and I am logged into the site\nWHEN I revisit the site at a later time and choose to sign in\nTHEN I am prompted to enter my username and password\nWHEN I am signed in to the site\nTHEN I see navigation links for the homepage, the dashboard, and the option to log out\nWHEN I click on the homepage option in the navigation\nTHEN I am taken to the homepage and presented with existing blog posts that include the post title and the date created\nWHEN I click on an existing blog post\nTHEN I am presented with the post title, contents, post creator’s username, and date created for that post and have the option to leave a comment\nWHEN I enter a comment and click on the submit button while signed in\nTHEN the comment is saved and the post is updated to display the comment, the comment creator’s username, and the date created\nWHEN I click on the dashboard option in the navigation\nTHEN I am taken to the dashboard and presented with any blog posts I have already created and the option to add a new blog post\nWHEN I click on the button to add a new blog post\nTHEN I am prompted to enter both a title and contents for my blog post\nWHEN I click on the button to create a new blog post\nTHEN the title and contents of my post are saved and I am taken back to an updated dashboard with my new blog post\nWHEN I click on one of my existing posts in the dashboard\nTHEN I am able to delete or update my post and taken back to an updated dashboard\nWHEN I click on the logout option in the navigation\nTHEN I am signed out of the site\nWHEN I am idle on the site for more than a set time\nTHEN I am able to view posts and comments but I am prompted to log in again before I can add, update, or delete posts\n```\n\n\n## Usage\n\nTo use this application visit the Heroku deployment link and Create an account!\n- https://jenny-tech-blog-5f80e3182e28.herokuapp.com/\n\n## Credits\n\n- [MySQL2](https://www.npmjs.com/package/mysql)\n- https://sequelize.org/docs/v6/core-concepts/assocs/#why-associations-are-defined-in-pairs\n- [Sequelize](https://www.npmjs.com/package/sequelize)\n- [dotenv](https://www.npmjs.com/package/dotenv)\n- [Deploy with Heroku and MySQL](https://coding-boot-camp.github.io/full-stack/heroku/deploy-with-heroku-and-mysql)\n- [Heroku Deployment Guide](https://coding-boot-camp.github.io/full-stack/heroku/heroku-deployment-guide)\n- [express-handlebars](https://www.npmjs.com/package/express-handlebars)\n- [express-session](https://www.npmjs.com/package/express-session)\n- [connect-session-sequelize](https://www.npmjs.com/package/connect-session-sequelize)\n- [bcrypt package](https://www.npmjs.com/package/bcrypt)\n- Mock up example:\n![Animation cycles through signing into the app, clicking on buttons, and updating blog posts.](./assets/14-mvc-homework-demo-01.gif)\n\n## Screenshots\nThese screenshots show my app's functionality:\n- The homepage: \n![Homepage screenshot](./assets/screenshotHome.png)\n\n- The Dashboard: \n![Dashboard screenshot](./assets/ScreenshotDashboard.png)\n\n- The Comments section: \n![Comments screenshot](./assets/ScreenshotComments.png)\n\n- The Update Section: \n![Updates screenshot](./assets/ScreenshotUpdate.png)\n\n## License\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\nPlease refer to the LICENSE in the repo or click on the badge for documentation.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjnaoroji%2Fmvc_tech_blog_jn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjnaoroji%2Fmvc_tech_blog_jn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjnaoroji%2Fmvc_tech_blog_jn/lists"}