Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felixmairamhof/weather-app
This repository hosts a Weather App developed with Node.js, Express, EJS and another App that uses React. Both are utilizing the OpenWeatherAPI. It offers weather information sourced from three distinct OpenWeatherAPIs, enabling users to access accurate weather updates efficiently.
https://github.com/felixmairamhof/weather-app
api css ejs express html nodejs openweather react reactjs tailwind
Last synced: 5 days ago
JSON representation
This repository hosts a Weather App developed with Node.js, Express, EJS and another App that uses React. Both are utilizing the OpenWeatherAPI. It offers weather information sourced from three distinct OpenWeatherAPIs, enabling users to access accurate weather updates efficiently.
- Host: GitHub
- URL: https://github.com/felixmairamhof/weather-app
- Owner: FelixMairamhof
- Created: 2024-05-06T14:10:26.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-26T11:58:16.000Z (5 months ago)
- Last Synced: 2024-06-26T14:51:17.773Z (5 months ago)
- Topics: api, css, ejs, express, html, nodejs, openweather, react, reactjs, tailwind
- Language: JavaScript
- Homepage:
- Size: 1.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
This repository contains two Weather Apps: one built with Create React App and another built with Node.js, Express, and EJS. Both applications utilize the OpenWeatherAPI to provide weather information using three different OpenWeatherAPIs.
## Web Applications
- [React Weather App](https://weather-app-react-fvug.onrender.com/)
- [Node.js Weather App](https://weather-app-xxhf.onrender.com/)
## Getting Started
### React Weather App
To run the React Weather App locally, follow these steps:
1. Clone the repository to your local machine.
2. Navigate to the project folder in your terminal using the `cd` command.
3. Install all required packages by running `npm i` in your command prompt.
4. Start the web server by running `npm run start`.
### Node.js Weather App
To run the Node.js Weather App locally, follow these steps:
1. Clone the repository to your local machine.
2. Navigate to the project folder in your terminal using the `cd` command.
3. Install all required packages by running `npm i` in your command prompt.
4. Start the web server by running `node index.js`.
## About
### React Weather App
The React Weather App is built using Create React App. It integrates with three different OpenWeatherAPIs to fetch and display weather data.
### Node.js Weather App
The Node.js Weather App is built using Node.js for backend functionality, Express.js as the web framework, and EJS for rendering dynamic content. It also integrates with three different OpenWeatherAPIs to fetch and display weather data.
## Usage
Once the server is running, you can access the respective Weather App by navigating to the following URLs:
- **React Weather App**: `http://localhost:3000` (default port)
- **Node.js Weather App**: `http://localhost:PORT`, where `PORT` is the port number specified in your environment or the default port.
Enjoy using the Weather Apps!