Skip to content

This is a Fullstack tech blog application that requires login / signup and allows users to post and comment their ideas and opinions.

License

Notifications You must be signed in to change notification settings

Dominique216/Tech-Blog

Repository files navigation

License: MIT

Tech-Blog

Description

This application is a Fullstack Tech Blog with a frontend made using Handlebars, Bootstrap, and Javascript and a backend made using a mySQL database, RESTful api routes and a server. Upon opening the app, it can be used to view posts and comments on the homepage. Once logged in, the user can add comments or go to the dashboard to view, update, or delete thier own posts.

Table of Contents

Installation

To install on locally:

  1. Copy the SSH key from the Repo into a folder on your own computer
  2. Once the files are installed, open the folder in your personal workspace
  3. For this application you will need to install bcrypt, connect-session-sequelize, dotenv, express, express-handlebars, express-session, mysql2, and sequelize to the package.json file.
  4. Once the dependencies are install, open the integrated terminal on server.js and if you want to seed some data proir to use, run node seeds/seed.js.
  5. Whether you seeded the databse or not, in the server.js integrated terminal, run node server.js and now you can view the website on the local host address.

Usage

Visit the deployed Heroku page here

Upon visiting the site for the first time, the user can view posts and comments. They can also see the top nav-bar links. tech-blogsc1

If the user tries to add an comment or navigate to the dashboard, the login page will be rendered instead.

If the user has not created an account on this site, they can click the sign up button on the bottom of the login form to create thier account. tech-blogsc1 5

Once logged in, the login link on the nav-bar is replaced with a logout option and the user can now add comments to posts by clicking the add comment button. tech-blogsc2 tech-blogscc3

If the dashboard option is pressed, the user can add a new post by clicking add the add post button, or update an exising post they made by clicking on the post title. tech-blogsc4 tech-blogsc5 tech-blogsc6

If the user is idle for too long, they will be logged out automatically.

License

This project uses an MIT license. For more information click the license badge at the top of the README.

About

This is a Fullstack tech blog application that requires login / signup and allows users to post and comment their ideas and opinions.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published