https://github.com/samantha-ruth/just-tech-news

A Tech Blog were individuals can log in, post interesting articles, and comment on others. Built using Express.js, SQL, MySQL2, Sequelize, and Handlebars.
https://github.com/samantha-ruth/just-tech-news

express expressjs handlebars mysql sequelize sql

Last synced: 3 days ago
JSON representation

A Tech Blog were individuals can log in, post interesting articles, and comment on others. Built using Express.js, SQL, MySQL2, Sequelize, and Handlebars.

• Host: GitHub
• URL: https://github.com/samantha-ruth/just-tech-news
• Owner: Samantha-Ruth
• Created: 2022-07-05T13:24:33.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-01T16:41:32.000Z (about 2 years ago)
• Last Synced: 2024-04-16T08:49:23.621Z (7 months ago)
• Topics: express, expressjs, handlebars, mysql, sequelize, sql
• Language: JavaScript
• Homepage:
• Size: 63.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Just-Tech-News

## Description

This project brought together a combination of express.js, SQL, mysql2, Sequelize, and Handlbars in the MVC paradigm.  I learned about using Handlebars to create the front end of the website, use authentication, and conditionally show/hide pages of the website based on authentication. 

## Table of Contents

* [Installation](#installation)

* [Usage](#usage)

* [Links](#links)

* [Questions](#questions)

## Installation

If the user already has node installed on their device, they can download this project and run "npm init" and then "npm install" to download the required dependencies (express.js, bcrypt, Sequelize, Express-Handlebars, dotenv, MySql2, Session-sequelize, and Jest respectively).  In order to access the mysql2 shell,  they would need to create a .env file with the following, replacing  and  with the users own username and password: 

To ensure the user is connected to the correct database, navigate to the root folder of the project, and then open the mysql2 shell and enter "source db/schema.sql".  Then enter "USE ecommerce_db" to use the database file. Exit the mysql2 shell by entering "exit" into the command line.

Next, seed the database with data by entering "npm run seed" into the command line.  The database and required tables are now created, selected, and contain data.  

Finally, connect the server by entering "npm start" into the command line.

## Usage

When the user gets to the homepage, they will be presented with a list of existing blog posts and comments.  

![ScreenShot2](https://user-images.githubusercontent.com/64170123/193351747-cb0446fd-da4e-431a-9e3a-4b1e922ca197.png)

At the top of the webpage, the user has an option to login.  Once they click on the login link, the user has the option to log in or create a new login account. 

![ScreenShot](https://user-images.githubusercontent.com/64170123/193351743-eea260be-fc63-4ab3-ba83-ac4ed8168a79.png)

Once the user logs in, they are taken to a dashboard of the posts they have created.  They are given the option to add a new post, change the title of the post, or delete the post.  They also have the option to comment on other posts. 

![ScreenShot3](https://user-images.githubusercontent.com/64170123/193351750-473b9c72-3b13-4e99-addb-0397184bd2c5.png)

## Links

The link to the project is here: https://stormy-wave-02521.herokuapp.com

The url of the Git repository is here: https://github.com/Samantha-Ruth/Just-Tech-News

## Questions

If you have any questions about the repo, open an issue or you can find more of my work at (https://gitHub.com/Samantha-Ruth).