Giter Club home page Giter Club logo

power-plant's Introduction

Get Started:

FIRST: [REMEMBER TO (1) CHANGE package.json PROJECT NAME AND DESCRIPTION TO CURRENT PROJECT NAME AND DESCRIPTION, (2) CHANGE TITLE OF HtmlWebpackPlugin IN webpack.config.js TO CURRENT PROJECT NAME, AND (3) CHANGE TITLE OF project-name.js IN SRC DIRECTORY TO NAME OF CURRENT PROJECT.]

SECOND: $ npm install $ npm install dotenv-webpack --save-dev $ git init $ git add .gitignore $ git commit -m "Activate .gitignore" $ npm run build $ git add . $ git commit -m "Initial global commit" $ npm run start

[Program Title]

By [Author(s)]

Description

[Description of program functionality & intent presented as an elevator pitch.]

Languages & Technologies Used:

Programming Languages & Libraries

  • Bootstrap
  • CSS
  • HTML
  • JavaScript
  • jQuery
  • Node
  • WebPack

Operating Systems & Programs

  • Brave
  • Git Bash
  • Google Chrome
  • Microsoft Windows 10
  • Visual Studio Code

Installation

  1. Download a web browser, such as Apple Safari, Brave, Google Chrome, Microsoft Edge, Mozilla Firefox, or Yandex.
  2. Navigate to [repository].
  3. Click the green "Clone or download" button at the right of the screen.
  4. Select "Download ZIP."
  5. Use a file extractor or unzip program (such as PeaZip, Unzipper, WinZip, Zipware, or 7-ZIP) to extract the ZIP files onto your computer.
  6. Open the directory containing the extracted files.
  7. Open your computer's terminal and navigate to the directory bearing the name of the program and containing the top level subdirectories and files.
  8. Enter the command "$ npm install" in the terminal and press "Enter".
  9. Follow the "Instructions for Obtaining an API Key" section below to obtain your unique API key for [API(s)].
  10. Enter the command "$ npm run build" in the terminal and press "Enter".
  11. Enter the command "$ npm run start" in the terminal and press "Enter".
  12. The program should open and run with its user interface accessible in your default web browser.

Instructions for Obtaining an API Key

1.  Download a web browser, such as Apple Safari, Brave, Google Chrome, Microsoft Edge, Mozilla Firefox, or Yandex.
2.  Navigate to [API webpage].
3.  Click the button to sign up for a new account or sign in to your existing account.
4.  Navigate to the section of the API webpage that contains your API key.
5.  Copy your API key.
6.  Return to your cloned or downloaded copy of the program you are setting up and open the terminal.
7.  Make sure you have entered the root menu of the program directory.
8.  Enter "$ touch .env" into the terminal.
9.  Open the .env file you have just created and type "API_KEY = " into the file.
10. Paste your copied API key into the .env file directly after "API_KEY = ".
11. Review any JavaScript files (*i.e.*, those ending in ".js") in the src subdirectory of the program directory for API calls from the API from which you have obtained the key.
12. In any of the API calls, identify the section of the API URL that contains the sequence "appid=[API-KEY-GOES-HERE]".
13. Replace "[API-KEY-GOES-HERE]" with "${process.env.API_KEY}".
14. Make sure all files in the program directory and subdirectories are saved.
15. Repeat this process for any other APIs that are called in the program.

Specifications

Program Behavior Example Behavior Example Output

Known Bugs

  • No known bugs at this time. If any are discovered, please feel free to reach out and let me know. If you would like to contribute any fixes or improvements, please do!

Contributors

  • Taylor Somers
  • [Other Contributor(s): Anyone who contributed at least %5 of the total product.]

License

This website is licensed under the GNU General Public License GPLv3. (C) 2020 Taylor Somers. All rights reserved.

power-plant's People

Contributors

taylorsomers avatar

Watchers

 avatar

Forkers

meganhepner

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.