Compare commits
4 Commits
v1.0.0-loc
...
dbbca57f59
Author | SHA1 | Date | |
---|---|---|---|
dbbca57f59 | |||
a2ee1b3d1f | |||
7d91eb64eb | |||
a3df60178b |
53
README.md
53
README.md
@@ -1,56 +1,9 @@
|
||||
# Weather App
|
||||
|
||||
This is a simple weather application that allows users to view current weather data for a specified location. The app is built using React and TypeScript, and it fetches weather data from an external API.
|
||||
This version is only meant for publishing on the web. It is not meant for local development or use.
|
||||
|
||||
> For that we use the OpenWeatherMap API. You can get your own API key by signing up at [OpenWeatherMap](https://openweathermap.org/api).
|
||||
|
||||
## Features
|
||||
|
||||
- Search for weather by city name
|
||||
- Display current weather conditions including temperature, humidity, and wind speed
|
||||
- Responsive design for mobile and desktop views
|
||||
- Change API key preferences
|
||||
- Display weather data in a user-friendly format
|
||||
|
||||
## Installation
|
||||
|
||||
1. Clone the repository:
|
||||
```bash
|
||||
git clone https://git.the1s.de/theis.gaedigk/weather-app.git
|
||||
```
|
||||
2. Navigate to the frontend project directory:
|
||||
```bash
|
||||
cd weather-app/frontend
|
||||
```
|
||||
3. Install dependencies:
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
4. Start the development server:
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
5. Open your browser and go to `http://localhost:7002` to view the app.
|
||||
**Note:** There is also a backend server directory, which is currently not in use. - You can ignore it for now.
|
||||
|
||||
## Usage
|
||||
|
||||
1. Get an API key from [OpenWeatherMap](https://openweathermap.org/api).
|
||||
2. Click on the "Set API Key" button in the header to enter your API key.
|
||||
3. Enter a city name in the search bar and press Enter or click the "Get Weather" button.
|
||||
|
||||
**Now you can view the current weather data for the specified city!**
|
||||
|
||||
# Other Information
|
||||
|
||||
## Technologies Used
|
||||
|
||||
- React
|
||||
- TypeScript
|
||||
- Tailwind CSS
|
||||
- OpenWeatherMap API
|
||||
- Vite
|
||||
You can find the web version of the Weather App at [https://weather.the1s.de](https://weather.the1s.de).
|
||||
|
||||
## Version
|
||||
|
||||
**1.0.0**
|
||||
Currently hosted version: **1.0.0**
|
||||
|
@@ -2,6 +2,8 @@ services:
|
||||
# frontend:
|
||||
# container_name: frontend
|
||||
# build: ./frontend
|
||||
# network:
|
||||
# - proxynet
|
||||
# ports:
|
||||
# - "7002:7002"
|
||||
# environment:
|
||||
@@ -14,8 +16,14 @@ services:
|
||||
backend:
|
||||
container_name: backend
|
||||
build: ./backend
|
||||
network:
|
||||
- proxynet
|
||||
ports:
|
||||
- "7001:7001"
|
||||
volumes:
|
||||
- ./backend:/bikelane-backend
|
||||
restart: unless-stopped
|
||||
|
||||
networks:
|
||||
proxynet:
|
||||
external: true
|
||||
|
Reference in New Issue
Block a user