React API-Powered Apps
This repository contains two React applications that utilize APIs to fetch and display data:
- GitHub User Finder
- Weather App
1. GitHub User Finder
GitHub User Finder is a React application that allows users to search for GitHub profiles by entering a username.
Features
- Search for GitHub users by username
- Display user information including avatar, bio, and public repositories
- Show user's followers and following count
How it works
- Enter a GitHub username in the search box
- Click the search button or press Enter
- The app fetches data from the GitHub API and displays the user's information
Technologies Used
- React
- JavaScript (ES6+)
- CSS (or styled-components)
- GitHub API
2. Weather App
Weather App is a React application that provides current weather information and a 3-day forecast based on the user's location or a searched city.
Features
- Automatically detect user's location (with permission)
- Display current weather conditions
- Show a 3-day weather forecast
- Allow users to search for weather in any city
How it works
- The app requests permission to access the user's location
- If granted, it fetches the coordinates and displays the local weather
- Users can also search for weather in any city using the search function
- Weather data is fetched from a weather API (e.g., OpenWeatherMap)
Technologies Used
- React
- JavaScript (ES6+)
- CSS (or styled-components)
- Geolocation API
- Weather API (e.g., OpenWeatherMap)
Installation and Usage
- Clone this repository
- Navigate to the project directory
- Install dependencies:
- Start the development server:
- Open your browser and visit
http://localhost:3000
API Keys
To run these applications, you'll need to obtain API keys:
- For GitHub User Finder: No API key required for basic usage
- For Weather App: Sign up for a free API key at OpenWeatherMap or your chosen weather API provider
Create a .env file in the root directory of each project and add your API keys:
Remember to add .env to your .gitignore file to keep your API keys secret.
Contributing
Feel free to fork this repository and submit pull requests for any improvements or bug fixes.
License
This project is open source and available under the MIT License .