Weather App

Weather app built on top of Open-Meteo APIs

Preview

File Structure

High level structure

.../weather app
│
├── index.html
├── package.json
├── pnpm-lock.yaml
├── public
│   └── icon.svg
├── README.md
├── src
│   ├── assets
│   │
│   ├── common
│   │   ├── interfaces
│   │   │
│   │   ├── @types
│   │   │
│   │   ├── constants
│   │   │
│   │   ├── context
│   │   │  
│   │   ├── style
│   │   │
│   │   └── utils
│   │
│   ├── components
│   ├── views
│   │
│   ├── App.tsx
│   ├── main.tsx
│   │
│   └── vite-env.d.ts
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

Generals

How to run the application

First:

> pnpm install

pnpm has to be installed in your machine or simply you can go with yarn or npm

Second:

> pnpm start:dev

Then the app should starts on http://127.0.0.1:4000

Project naming convention

• For naming files and directories i like to use cabab-case
• For naming functions, utilities i like to use camelCase is javascript used to be
• For naming interfaces, types i like to use PascalCase