https://github.com/gurleyryan/tech-blog

Module 14: Model-View-Controller Challenge - Tech Blog
https://github.com/gurleyryan/tech-blog

Last synced: 23 days ago
JSON representation

Module 14: Model-View-Controller Challenge - Tech Blog

• Host: GitHub
• URL: https://github.com/gurleyryan/tech-blog
• Owner: gurleyryan
• License: mit
• Created: 2024-02-28T20:12:53.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-19T22:25:01.000Z (7 months ago)
• Last Synced: 2024-10-15T05:24:33.402Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://futuretech-6e6e69010227.herokuapp.com/
• Size: 55.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tech Blog

[![License: MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/license/mit/)

## Table of Contents

 * [Description](#description)

 * [Installation](#installation)

 * [Usage](#usage)

 * [Contributing](#contributing)

 * [Credits](#credits)

 * [Tests](#tests)

 * [License](#license)

 * [Questions](#questions)

## Description

Built a CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well. This app follows the 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.

## Installation

N/A

## Usage

[Link to the deployed application](https://futuretech-6e6e69010227.herokuapp.com/) 


![Screenshot 2024-04-19 at 18-11-30 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/fed50836-cd88-46cb-b6fe-a81fc1d6a362)

The home page will show you the latest blog posts. You can click the title of a post to go to its page. 
 At the top, you can go to your dashboard if you are logged in, or log in if you need to. 


![Screenshot 2024-04-19 at 18-12-02 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/0e72606a-c259-440a-a66c-102b24532e3d)

In your dashboard, you can view and edit your posts. You can also create a new post. 


![Screenshot 2024-04-19 at 18-12-14 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/34905fe7-49bc-4d14-bd21-d88bf2b37787)

When you click on a post in your dashboard, you can edit the title and content of said post. 


![Screenshot 2024-04-19 at 18-12-26 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/0ebefd7e-825c-45ec-bf0c-7ce62e1df54f)

On a given posts page, you can add a comment if you are logged in. 


![Screenshot 2024-04-19 at 18-12-40 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/aca0d156-3669-48be-a551-7409d4ddeab1)

The login button will direct you to the login page, and if you already have an account you can enter your credentials. 


If you do not have an account, you can click "Sign Up" below. 


![Screenshot 2024-04-19 at 18-12-50 FutureTech](https://github.com/gurleyryan/Tech-Blog/assets/48134032/c628960d-c871-4c72-a2de-99ee596ff680)

Enter a new username and password on the sign up page. If you already have an account, you can click "Log In" below. 


Remember, your password must be at least 8 characters long!

## Contributing

Contributors: 


- [Ryan Gurley](https://github.com/gurleyryan)

## Credits

External Sources: 


- [Node.js](https://nodejs.org/en) 


- [Express.js](https://www.npmjs.com/package/express) 


- [MySQL2](https://www.npmjs.com/package/mysql2) 


- [Sequelize](https://www.npmjs.com/package/sequelize) 


- [dotenv](https://www.npmjs.com/package/dotenv) 


- [bcrypt](https://www.npmjs.com/package/bcrypt) 


- [Express Handlebars](https://www.npmjs.com/package/express-handlebars) 


- [Express Session](https://www.npmjs.com/package/express-session) 


- [Connect Session Sequelize](https://www.npmjs.com/package/connect-session-sequelize)

## Tests

N/A

## License

MIT License

## Questions

Have additional questions? Contact me through my GitHub or email.

[Link to Github](https://github.com/gurleyryan)

[email protected]