https://github.com/jeftarmascarenhas/dashboard-financial

Simple Dashboard Financial React with Alpha Vantage API
https://github.com/jeftarmascarenhas/dashboard-financial

Last synced: 5 days ago
JSON representation

Simple Dashboard Financial React with Alpha Vantage API

• Host: GitHub
• URL: https://github.com/jeftarmascarenhas/dashboard-financial
• Owner: jeftarmascarenhas
• Created: 2019-09-07T18:23:08.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T09:19:21.000Z (almost 2 years ago)
• Last Synced: 2023-08-13T10:22:21.031Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://dashboard-financial.surge.sh/
• Size: 2.69 MB
• Stars: 1
• Watchers: 3
• Forks: 3
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dashboard Financial React

## Available Scripts

In the project directory, you can run:

Acess url: [https://dashboard-financial.surge.sh/](https://dashboard-financial.surge.sh/)

### `npm start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.


See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

## What we use?

#### Environment

React Storybook - _to tell stories with different behaviors of the component and provide an example page._

#### Style Guide

- [EditorConfig](http://editorconfig.org/) - _standardize some general settings among multiple editors_

- [Pretttier](https://prettier.io/) - An opinionated code formatter\*

- [ESLint](http://eslint.org/) - _for reporting the patterns of code_

  - [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)

  - **Plugins**

    - [React](https://github.com/yannickcr/eslint-plugin-react)

    - [A11y](https://github.com/evcohen/eslint-plugin-jsx-a11y)

    - [Import](https://github.com/benmosher/eslint-plugin-import)

    - [react-hooks](eslint-plugin-react-hooks)

#### Tests

- [Jest](https://github.com/chaijs/chai) - _assertions_

- [Testing Library React](https://testing-library.com/docs/react-testing-library/intro) - _render component_

- [Jsdom](https://github.com/tmpvar/jsdom) - _mock the browser_

#### Compiler

- [babel](https://babeljs.io/)

  - **Plugins**

    - [Airbnb](https://github.com/airbnb/babel-preset-airbnb)

    - [ES2015](https://www.npmjs.com/package/babel-preset-es2015)

    - [React](https://www.npmjs.com/package/babel-preset-react)

#### Routing System

- [React Router Dom](https://reacttraining.com/react-router/web/guides/quick-start) - React Routing\*

#### Css in JS

- [Styled Components](https://styled-components.com) - Style Components\*

#### Validation Libs

- [Formik](https://jaredpalmer.com/formik/docs/overview) - System validation for react\*

- [Yup](https://github.com/jquense/yup) - Yup is a JavaScript object schema validator and object parser. \*