chingu-voyage4 / geckos-team-6

:rocket: Voyage-4

Momentum Dash Clone

A clone created for the purpose of learning of the popular browser plugin, Momentum.

Getting Started

To get the project running on your machine, follow the instructions below.

Prerequisites

Requires Yarn to be installed for dependencies.

• Install Yarn

Installing

With Yarn installed, navigate the terminal into the project and run:

yarn install

Running

Compile the JS/JSX code with:

yarn build

Run the local server with:

yarn run dev-server

The project will now be running at http://localhost:8080/.

Built With

• React
• Babel
• Webpack

Contributing

Check out the guide on contributing to the repo in CONTRIBUTING.md.

Authors

• JHart9
• abronfman
• Jahnava
• pilarmireles22
• torresga

geckos-team-6's Issues

Footer Layout

Organize Readme & Contributing

Quote Placeholder in Footer

Display Randomized Quote

Display one random inspirational quote in the center of the page. Quote can come from an API or local library of quotes stored.

Enter To-do List Items

Submit input one by one to add to a displayed list.

Display Page Background

Settings Menu

Design and display a settings menu. Could be hidden and displayed by clicking on an icon. It will include a form to set location and other preferences.

Select JavaScript Style

Agree upon and choose a style/standard for JavaScript code.

A few JavaScript Style Guides:

• https://github.com/airbnb/javascript
• https://standardjs.com/
• https://github.com/rwaldron/idiomatic.js/
• https://google.github.io/styleguide/jsguide.html
• https://contribute.jquery.org/style-guide/js/

Display Time in Center

Display the local time of the visitor on the page.

React Setup

Display Weather Info

Retrieve and display weather information on a location set, using the weather API of choice.

Display Todo Link in Corner

Continuous Integration

Select and connect a CI service to test project builds before merges.

• https://travis-ci.org/
• https://circleci.com/

Add JS Linter

Pick and add a JS linter for the project to help maintain code.

Helpful article: https://www.sitepoint.com/comparison-javascript-linting-tools/

Component Folder Structure

Directories for the React components.

Enter Main Focus

Single form field to take a string given by the user and then display it as a "focus." What the user entered will be shown in the center of the page.

Example of what this looks like: https://general-meerkats.github.io/meerkat_momentum/

Create Weather Placeholder in Corner

Randomized Page Background

Display a random image for the background on each refresh. Image can come from an API, such as Unsplash, or a local directory of images.

Deploy Master Branch

Select a service to deploy the master branch and provide a live demo.

• https://pages.github.com/
• https://www.heroku.com/