search

markkoos / Project-2

0 stars 0 forks source link

readme

GAMESPACE

USER STORY

As an individual that enjoys consuming gaming content.

I want to be able to create an account that stores my interests,

So that I can display and view content I might enjoy.

PROJECT REQUIREMENTS

Use Node.js and Express.js to create a RESTful API.

Use Handlebars.js as the template engine.

Use MySQL and the Sequelize ORM for the database.

Have both GET and POST routes for retrieving and adding new data.

Use at least one new library, package, or technology that we haven’t discussed.

Have a folder structure that meets the MVC paradigm.

Include authentication (express-session and cookies).

Protect API keys and sensitive information with environment variables.

Be deployed using Heroku (with data).

Have a polished UI.

Be responsive.

Be interactive (i.e., accept and respond to user input).

Meet good-quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).

Have a professional README (with unique name, description, technologies used, screenshot, and link to deployed application).

SCREENSHOTS

In the image below you will see the installation of the packages and the initiation of the application. 1 - npm i start

The image below shows the landing page for Gamespace once the application has been deployed. 2 - landing page

The image below shows the user form page that the user will be taken to when they select the register button on the landing page. 3 - user info form

The image below shows the datatypes being initialiazed for the form model and the request of sequelize. 3 1 - form init datatypes

The image below shows the initialization of express and the route.use for each of the modelRoutes. 3 4 - router use routes

The image below shows the login page the user will be taken to once they complete the registration of their user profile. 3 5 - login

The image below shows the feed page that the user will see when they successfully input their log in credentials. 4 - feedpage

The image below shows the router.get and axios.request for the video-game-news api. 4 5 api get and axios request

The image below shows the feed page with the link to a fellow gamers user profile and the "Bit of Gaming News". 4 5 feed w api and user link

The image below shows the .handlebars for the profile page. 5 1 - profile code in handle bar

The image below shows the the user profile example shown when the user clicks on a fellow gamers profile. 5 - profile view

LINKS

Deployed App: https://fierce-springs-51003.herokuapp.com/

GitHub Repo: https://github.com/markkoos/Project-2