/qq-info-demo

Primary LanguageTypeScriptMIT LicenseMIT

qq-info-demo

This project was bootstrapped with Create React App. Create React App documentation

Available Scripts

# Runs the app in the development mode
yarn start
# [running tests](https://facebook.github.io/create-react-app/docs/running-tests)
yarn 
# Builds the app for production to the `build` folder
yarn build

Project structure (src)

.
├── App.css
├── App.test.tsx
├── App.tsx
├── components
│   ├── Body
│   ├── Card
│   ├── Form
│   ├── Header
│   ├── Input
│   └── Progress
├── config
│   └── index.ts
├── hooks
│   ├── useFetch.test.ts
│   └── useFetch.ts
├── index.css
├── index.tsx
├── logo.svg
├── react-app-env.d.ts
├── reportWebVitals.ts
├── setupTests.ts
└── utils
    ├── format.test.ts
    └── format.ts

TODOs

  • add hooks/utils test
  • optimization network requests
  • clean code
  • add clear button to Text Field
  • add submit button?
  • SCSS
  • webpack alias?

Change Logs

  • yarn create react-app ./ --template typescript
  • yarn add axios + hooks/useFetch