{"id":15091688,"url":"https://github.com/tdgnate/tech-blog","last_synced_at":"2026-02-11T06:34:37.379Z","repository":{"id":59540006,"uuid":"532038235","full_name":"TDGNate/Tech-Blog","owner":"TDGNate","description":"N8 Tech Blog is a full-stack CMS-style blog site where developers can publish their blogs and add comments on others. Users can also view all their posts and comments they've made along with having access of updating/deleting their posts/comments from their dashboard.","archived":false,"fork":false,"pushed_at":"2022-11-06T02:40:44.000Z","size":7649,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T11:47:43.840Z","etag":null,"topics":["bootstrap","express-session","expressjs","font-awesome","handlebarsjs","javascript","mvc","mysql","nodejs","sequelize","sweetalert2"],"latest_commit_sha":null,"homepage":"https://techer-blogger.herokuapp.com/","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/TDGNate.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}},"created_at":"2022-09-02T18:30:24.000Z","updated_at":"2022-10-27T16:36:38.000Z","dependencies_parsed_at":"2023-01-21T23:01:07.688Z","dependency_job_id":null,"html_url":"https://github.com/TDGNate/Tech-Blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TDGNate/Tech-Blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2FTech-Blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2FTech-Blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2FTech-Blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2FTech-Blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TDGNate","download_url":"https://codeload.github.com/TDGNate/Tech-Blog/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TDGNate%2FTech-Blog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273068857,"owners_count":25039911,"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-09-01T02:00:09.058Z","response_time":120,"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":["bootstrap","express-session","expressjs","font-awesome","handlebarsjs","javascript","mvc","mysql","nodejs","sequelize","sweetalert2"],"created_at":"2024-09-25T10:42:44.948Z","updated_at":"2026-02-11T06:34:37.349Z","avatar_url":"https://github.com/TDGNate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# N8 Tech Blog\n\n**N8 Tech Blog** is a full-stack CMS-style blog site where developers can publish their blogs and add comments on others. Users can also view all their posts and comments they've made along with having access of updating/deleting their posts/comments from their dashboard.\n\nThey can access individual posts from there as well. The app is deployed on Heroku and uses the MVC paradigm, handlebars, Sequelize (ORM), and express-sessions for authentication.\n\nI did go all out on the styling 😂 and spent some time messing around on how I wanted each page to be styled.\n\nThe tools for styling that came in clutch:\n\n- [Bootstrap](https://getbootstrap.com/)\n- [Sweet Alert](https://sweetalert.js.org/)\n- [fontawesome](https://fontawesome.com/)\n\n---\n\n[![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)\n\n[ISC](https://choosealicense.com/licenses/isc/)\n\nDeployed app: https://techer-blogger.herokuapp.com/\n\n## Table Of Contents\n\n- [Usage](#usage)\n- [Install](#install)\n- [Contribute](#contribution)\n- [Questions](#questions)\n\n---\n\n## Starter\n\nAs a new user/dev, you are able to share concepts, recent advancements, and new technologies by navigating to the dashboard from the navbar and creating your first post.\n\nBut before anything, you'll be prompted to login if you try clicking on an existing post or the dashboard while you're not signed in. But once you're in, you can create posts and comment on other user's post.\n\nYou are able to view, edit, or completely delete your posts/comments all from the dashboard.\n\n---\n\n## Install\n\n_Before Cloning/forking, this app runs on Node.js and has a few NPM packages within, just keep in mind._\n\n- Once you're ready, install all packages with `npm install` in the terminal.\n\n- Set up your `.env` file. This project will automatically acquire an `.env.example` with a demo layout inside. You can just remove the `.example` and replace the demo values with your own.\n\n- The `.env` values you're change will be the database name, user name, and password.\n\n- Now let's actually start to create the database by running `mysql -u root -p` in the terminal, then enter your password.\n\n- When you are in, run `source db/schema.sql` to create the database, then type `exit` to exit the mysql CLI.\n\nBoom! that's it for setting it up, you're ready to start the server.\n\nTo run the application, simply do `npm start` in the terminal, for nodemon you can use `npm run watch`.\n\n_If everything went smooth, you should see 'Now listening on http:/localhost:3001', just 'ctrl + click' the link and it will take you to the page._\n\n---\n\n## Pictures\n\n\u003cp align=\"middle\"\u003e\n\n### Home Page (Posts, and add comment)\n\n  \u003cimg src=\"assets\\app_pictures\\desktop_home.png\" width=\"48%\" /\u003e\n  \u003cimg src=\"assets\\app_pictures\\desktop_home_add_comment.png\" width=\"48%\" /\u003e\n\n### Dashboard Page (Create a post, User's Posts/Comments)\n\n  \u003cimg src=\"assets\\app_pictures\\desktop_dashboard.png\" width=\"48%\" /\u003e\n  \u003cimg src=\"assets\\app_pictures\\desktop_dashboard2.png\" width=\"48%\" /\u003e\n\n### Modify Page (Modifying User's Posts/Comments)\n\n  \u003cimg src=\"assets\\app_pictures\\desktop_modify_post.png\" width=\"48%\" /\u003e\n  \u003cimg src=\"assets\\app_pictures\\desktop_modify_comment.png\" width=\"48%\" /\u003e\n\n### Others (View a single post, Register Success page)\n\n  \u003cimg src=\"assets\\app_pictures\\desktop_single_post.png\" width=\"48%\" /\u003e\n  \u003cimg src=\"assets\\app_pictures\\success.png\" width=\"48%\" /\u003e\n\n\u003c/p\u003e\n\n[Click here to view the mobile screen sizes](/assets/mobile_version.md)\n\nFolders containing all images:\n\n[Desktop pictures](/assets/app_pictures/)\n\n[Mobile pictures](/assets/mobile_pictures/)\n\n---\n\n## Contribution\n\nNo specific rules for contributing, but if you want to support you can make an issue in the 'issues' tab on Github which I can review to improve the app! :)\n\nOr feel free to fork this repo, add your changes, and make a pull req!\n\n---\n\n## Questions\n\n_Hey hey, Reach Out!_\n\nGithub: [TDGNate](https://github.com/TDGNate)\n\nEmail: itsnzte@gmail.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftdgnate%2Ftech-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftdgnate%2Ftech-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftdgnate%2Ftech-blog/lists"}