function App() {
  const [search, setSearch] = useState("");

  return (
    <Router>
      <Header setSearch={(s) => setSearch(s)} />
      <main className="App">
        <Route path="/" component={LandingPage} exact />
        <Route path="/login" component={LoginScreen} />
        <Route path="/register" component={RegisterScreen} />
        <Route
          path="/mynotes"
          component={({ history }) => (
            <MyNotes search={search} history={history} />
          )}
        />
        <Route path="/note/:id" component={SingleNote} />
        <Route path="/createnote" component={CreateNote} />
        <Route path="/profile" component={ProfileScreen} />
        <Route path="/charts" component={ChartsScreen} />
        <Route path="/script" component={MyScript} />
        <Route path="/kusapi" component={Kusapi} />
      </main>
      <Footer />
    </Router>
  );
}

export default App;

TODO

KEY LandingPage src/screens/LandingPage

Requesting data from the API
HINT - React Google Charts - Fetch data from an API : https://react-google-charts.com/data-sources/from-api

const response = await fetch( 'https://api.exchangeratesapi.io/latest?symbols=USD,GBP,CAD', )

HINT - const response = await fetch() react - Fetch Data from an API : https://designcode.io/react-hooks-handbook-fetch-data-from-an-api

import React, { useEffect } from "react"

..... HERE JOB 9/9/2021 KUS

'''14:01 8/9/2021 - a1 - study react basic : https://zh-hant.reactjs.org/tutorial/tutorial.html

'''11:01 8/9/2021 - a2 - Fetch - KEY Fetching data from API : https://github.com/b05313fsldsp/web-for-kusapi/wiki/KEY---Fetching-data-from-API

'''11:21 9/9/2021 - a3 - LandingPage.js - PATH : /d/web-for-kusapi/frontend/src/screens/LandingPage


b1. App.js
App.js
Requesting data from the API
https: github.com piyush eon MERN Stack Project Tutorial with Redux #1 Project Overview
KEY Fetching data from API
KEY LandingPage src screens LandingPage
React tree kusapi
Third_party_APIs https: developer.mozilla.org en US docs Learn JavaScript