https://github.com/ffernandomoraes/weather-app
A simple application that shows the weather of the current location.
https://github.com/ffernandomoraes/weather-app
react styled typescript weather
Last synced: about 2 months ago
JSON representation
A simple application that shows the weather of the current location.
- Host: GitHub
- URL: https://github.com/ffernandomoraes/weather-app
- Owner: ffernandomoraes
- Created: 2022-02-11T00:53:49.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-12T15:31:00.000Z (over 4 years ago)
- Last Synced: 2025-02-08T08:47:30.675Z (over 1 year ago)
- Topics: react, styled, typescript, weather
- Language: TypeScript
- Homepage: https://weather-app-kappa-ecru.vercel.app/
- Size: 369 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather APP
A simple application that shows the weather of the current location.
### Demo
Clique [here](https://weather-app-kappa-ecru.vercel.app).
### Technologies
- React
- Typescript
- @emotion/styled (for styles)
### Linter
- Eslint
- Prettier
### Architecture
This architecture is not linked to any state management libraries.
```
├─ .vscode/
│ └─ settings.json
├─ docker/
│ ├─ prod/
│ └─ dev/
├─ docs/ # Documentation
├─ public/
├─ scripts/
├─ src/
│ ├─ assets/ # Images, fonts, themes
│ ├─ components/ # Componentes compartilhados
│ │ └─ Example/
│ │ └─ index.tsx
│ ├─ declarations/ # Shared components
│ │ └─ extra.d.ts
│ ├─ helpers/ # Default values and app functions
│ │ ├─ consts.ts
│ │ ├─ enums.ts
│ │ └─ functions.ts
│ ├─ hooks/ # custom Hooks
│ │ └─ useCustomHook.ts
│ ├─ interfaces/
│ │ └─ User/
│ │ └─ index.ts
│ ├─ pages/
│ │ ├─ private/ # Private pages
│ │ │ ├─ Dashboard/
│ │ │ │ └ index.tsx
│ │ │ └─ index.tsx # Private route file and security logic
│ │ ├─ public/ # Public pages
│ │ │ └─ Auth/
│ │ │ └─ index.tsx
│ │ └─ routes.tsx # Public routes file
│ ├─ services/
│ │ ├─ User/
│ │ │ └─ index.ts
│ │ └─ Service.ts # Base file that have helpers for other services
│ ├─ tests/
│ ├─ App.tsx
│ ├─ index.tsx
│ └─ settings.ts # Environment variable handler file
├─ .editorconfig
├─ .env.development
├─ .env.production
├─ .eslintignore
├─ .eslintrc
├─ .gitignore
├─ .prettierrc.js
├─ package.json
├─ README.md
└─ tsconfig.json
```
### Run
Install the dependencies.
```sh
yarn
```
Run script.
```sh
yarn start
```
see the result at: http://localhost:3000
### Test
```sh
yarn test
```