scroll bar fix

.env

@@ -1,8 +1,8 @@
-REACT_APP_RAPIDAPI_KEY = '57c70944e9mshceb81b6f7fcf433p1beddbjsnf4a64a893c0a'
-REACT_APP_CRYPTO_RAPIDAPI_HOST ='coinranking1.p.rapidapi.com'
-REACT_APP_CRYPTO_API_URL = 'https://coinranking1.p.rapidapi.com'
-REACT_APP_NEWS_API_URL = 'https://bing-news-search1.p.rapidapi.com'
-REACT_APP_NEWS_RAPIDAPI_HOST = 'bing-news-search1.p.rapidapi.com'
-
-
+REACT_APP_RAPIDAPI_KEY = '57c70944e9mshceb81b6f7fcf433p1beddbjsnf4a64a893c0a'
+REACT_APP_CRYPTO_RAPIDAPI_HOST ='coinranking1.p.rapidapi.com'
+REACT_APP_CRYPTO_API_URL = 'https://coinranking1.p.rapidapi.com'
+REACT_APP_NEWS_API_URL = 'https://bing-news-search1.p.rapidapi.com'
+REACT_APP_NEWS_RAPIDAPI_HOST = 'bing-news-search1.p.rapidapi.com'
+ 
+
 ESLINT_NO_DEV_ERRORS=true

.env.example

@@ -1,8 +1,8 @@
-REACT_APP_RAPIDAPI_KEY = '5gvbmn xcv n'
-REACT_APP_CRYPTO_RAPIDAPI_HOST ='sscvnb mn'
-REACT_APP_CRYPTO_API_URL = 'azsfxcbm '
-REACT_APP_NEWS_API_URL = 'sdfhvbn ,m'
-REACT_APP_NEWS_RAPIDAPI_HOST = 'rzedghvbmn '
-
-
+REACT_APP_RAPIDAPI_KEY = '5gvbmn xcv n'
+REACT_APP_CRYPTO_RAPIDAPI_HOST ='sscvnb mn'
+REACT_APP_CRYPTO_API_URL = 'azsfxcbm '
+REACT_APP_NEWS_API_URL = 'sdfhvbn ,m'
+REACT_APP_NEWS_RAPIDAPI_HOST = 'rzedghvbmn '
+ 
+
 ESLINT_NO_DEV_ERRORS=true

.eslintrc.js

@@ -1,86 +1,86 @@
-module.exports = {
- env: {
- browser: true,
- es6: true,
- },
- extends: [
- 'plugin:react/recommended',
- 'airbnb',
- ],
- globals: {
- Atomics: 'readonly',
- SharedArrayBuffer: 'readonly',
- },
- parserOptions: {
- ecmaFeatures: {
- jsx: true,
- },
- ecmaVersion: 2018,
- sourceType: 'module',
- },
- parser: 'babel-eslint',
- plugins: [
- 'react',
- ],
- rules: {
- indent: 'off',
- 'template-curly-spacing': 'off',
- 'import/extensions': 0,
- 'react/prop-types': 0,
- 'linebreak-style': 0,
- 'react/state-in-constructor': 0,
- 'import/prefer-default-export': 0,
- 'max-len': [
- 2,
- 250,
- ],
- 'no-multiple-empty-lines': [
- 'error',
- {
- max: 1,
- maxEOF: 1,
- },
- ],
- 'no-underscore-dangle': [
- 'error',
- {
- allow: [
- '_d',
- '_dh',
- '_h',
- '_id',
- '_m',
- '_n',
- '_t',
- '_text',
- ],
- },
- ],
- 'object-curly-newline': 0,
- 'react/jsx-filename-extension': 0,
- 'react/jsx-one-expression-per-line': 0,
- 'jsx-a11y/click-events-have-key-events': 0,
- 'jsx-a11y/alt-text': 0,
- 'jsx-a11y/no-autofocus': 0,
- 'jsx-a11y/no-static-element-interactions': 0,
- 'react/no-array-index-key': 0,
- 'jsx-a11y/anchor-is-valid': [
- 'error',
- {
- components: [
- 'Link',
- ],
- specialLink: [
- 'to',
- 'hrefLeft',
- 'hrefRight',
- ],
- aspects: [
- 'noHref',
- 'invalidHref',
- 'preferButton',
- ],
- },
- ],
- },
-};
+module.exports = {
+ env: {
+ browser: true,
+ es6: true,
+ },
+ extends: [
+ 'plugin:react/recommended',
+ 'airbnb',
+ ],
+ globals: {
+ Atomics: 'readonly',
+ SharedArrayBuffer: 'readonly',
+ },
+ parserOptions: {
+ ecmaFeatures: {
+ jsx: true,
+ },
+ ecmaVersion: 2018,
+ sourceType: 'module',
+ },
+ parser: 'babel-eslint',
+ plugins: [
+ 'react',
+ ],
+ rules: {
+ indent: 'off',
+ 'template-curly-spacing': 'off',
+ 'import/extensions': 0,
+ 'react/prop-types': 0,
+ 'linebreak-style': 0,
+ 'react/state-in-constructor': 0,
+ 'import/prefer-default-export': 0,
+ 'max-len': [
+ 2,
+ 250,
+ ],
+ 'no-multiple-empty-lines': [
+ 'error',
+ {
+ max: 1,
+ maxEOF: 1,
+ },
+ ],
+ 'no-underscore-dangle': [
+ 'error',
+ {
+ allow: [
+ '_d',
+ '_dh',
+ '_h',
+ '_id',
+ '_m',
+ '_n',
+ '_t',
+ '_text',
+ ],
+ },
+ ],
+ 'object-curly-newline': 0,
+ 'react/jsx-filename-extension': 0,
+ 'react/jsx-one-expression-per-line': 0,
+ 'jsx-a11y/click-events-have-key-events': 0,
+ 'jsx-a11y/alt-text': 0,
+ 'jsx-a11y/no-autofocus': 0,
+ 'jsx-a11y/no-static-element-interactions': 0,
+ 'react/no-array-index-key': 0,
+ 'jsx-a11y/anchor-is-valid': [
+ 'error',
+ {
+ components: [
+ 'Link',
+ ],
+ specialLink: [
+ 'to',
+ 'hrefLeft',
+ 'hrefRight',
+ ],
+ aspects: [
+ 'noHref',
+ 'invalidHref',
+ 'preferButton',
+ ],
+ },
+ ],
+ },
+};

.gitignore

@@ -1,25 +1,25 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-.env
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.env
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+.env
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.env
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1,16 +1,16 @@
-# Cryptoverse - Explore the World of Cryptocurrency
-
-![Cryptoverse](https://i.ibb.co/8gh5Jc8/image.png)
-
-## Introduction
-This is a code repository for the corresponding video tutorial. 
-
-In this video, we will create a cryptocurrency app. We're going to use React and multiple APIs powered by https://rapidapi.com.
-
-By the end of this video, you will become the master of working with APIs.
-
-Setup:
-- run ```npm i && npm start``` to start the development server
-
-## Stay up to date with new projects
-New major projects coming soon, subscribe to the mailing list to stay up to date https://javascriptmastery.eo.page/mailing-list.
+# Cryptoverse - Explore the World of Cryptocurrency
+
+![Cryptoverse](https://i.ibb.co/8gh5Jc8/image.png)
+
+## Introduction
+This is a code repository for the corresponding video tutorial. 
+
+In this video, we will create a cryptocurrency app. We're going to use React and multiple APIs powered by https://rapidapi.com.
+
+By the end of this video, you will become the master of working with APIs.
+
+Setup:
+- run ```npm i && npm start``` to start the development server
+
+## Stay up to date with new projects
+New major projects coming soon, subscribe to the mailing list to stay up to date https://javascriptmastery.eo.page/mailing-list.