Code Monkey home page Code Monkey logo

tech-blog's Introduction

Coding Alliance Tech Blog

MIT License

Table of Contents

Description

This app allows a user to post an article from another source and other users can comment on the post.

Built With

  • HTML
  • CSS
  • JavaScript
  • Insomnia (for testing)
  • Jest (for testing)
  • Handlebars.js
  • MySQL
  • Sequelize
  • dotenv (to create the environmental variables)
  • JawsDB (to deploy mySQL to Heroku)

Installation Instructions

Node.js Installation

Make sure that you have Node.js installed on your computer by entering node -v in the command line. If successful, the command prompt will return a version number. If not, try reinstalling Node.js by following this link: https://nodejs.org/en/ and clicking on the LTS version. If you are on Windows, make sure to look for the section that says Download for Windows (x64). If you are using macOS, make sure to look for the section that says Download for MacOS (x64)

Clone the Code

Once Node.js is downloaded, click on the green code button and copy the link to this repository. Then open up your favorite code editor and open the terminal. In the terminal use cd to go to the root directory you want this repository to be cloned to. Finally, in the terminal, type git clone <file link> to clone this repository to your directory.

Express.js Installation

You must also install the Express.js npm package to run the server. Since Express.js is an npm package instead of being built directly into node.js, you must type npm init into the command line to allow npm packages to be installed. Next, go to the server.js file, and in the command line, type npm install express to install Express.js on your computer. For documentation on Express.js follow this link https://expressjs.com/en/4x/api.html.

Usage Instructions

  1. After following the link, click the login button at the top right of the screen to be navigated to the login page.

  2. Once on the login page, either login using the top login form, or create a new account using the bottom sign-up form.

  3. After you login, you will be navigated to the homepage.

  4. On the homepage, you can click on the comments button under a post to add a comment on a post.

  5. If you wish to create a new post, click on the dashboard button to the left of the logout button at the top of the screen to be navigated to your dashboard where you can create a new post, or view your existing posts.

License

Permission to use this application is granted under the MIT license. Click on the link for more information: MIT License Information

Tests

Jest

Jest was used to test the helper functions, which are functions that can be called from a handlebars.js template.

  1. To see how these tests work, install jest using the command npm i. This should install jest as well as all the other dependencies for this project.

  2. After jest is installed, make sure to go to your package.json file, and look under scripts. In order for jest to work, you must have "test": "jest" written in the scripts section.

  3. Next, type npm test in the command line to run the tests. After running the npm test command, you should see passing tests in the command line as shown below.

Passing Tests

Contact Me

GitHub Link: (https://github.com/mmorua)
Email Address: [email protected]

tech-blog's People

Contributors

mmorua avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.