SkyTracker App 🌤️

The most Beautiful Weather App (Made using React.js, Tailwind CSS, and Ant Design)

SkyTracker is a beautifully designed weather application built using the latest technologies including React.js ⚛️, Tailwind CSS 🎨, and Ant Design 🐜. This app provides accurate and up-to-date weather information powered by OpenWeather 🌦️ and Geoapify 🌍 APIs. It offers an intuitive user experience with a clean and responsive UI that adapts seamlessly to different screen sizes 📱💻🖥️ and modes 🌗.

APIs Used

• OpenWeather: OpenWeather API 🌦️

  • Provides comprehensive weather data, including current weather conditions, forecasts, and historical data. The API delivers detailed information on temperature, humidity, wind speed, and other meteorological elements, ensuring that users receive accurate and real-time weather updates.

• Geoapify: Geoapify Geocoding API 🌍

  • Offers geocoding and reverse geocoding services, which translate addresses into geographic coordinates and vice versa. This API enables the app to pinpoint user locations and fetch corresponding weather data efficiently, enhancing the overall user experience with precise location-based weather information.

Live Link 🚀

This project is deployed at: SkyTracker App

To Run Locally 🛠️

You must have Node.js and NPM installed.

1. Clone this project on your local device & install necessary packages:

   git clone https://github.com/Er-Abhay-FSD/SkyTracker
   cd SkyTracker
   npm install
   

2. Get your 'OpenWeather' and 'Geoapify' API keys, then create a .env file & add your API keys there:

   # inside .env file
   VITE_GEOCODING_API_KEY="your-geoapify-api-key"
   VITE_OPENWEATHER_API_KEY="your-openweather-api-key"
   

3. Run the App:

   npm run dev
   

Features ✨

• Most beautiful UI that I've ever made
• Dark and Light modes for optimal viewing experience
• Responsive UI that looks great on all screen sizes
• Supports Celsius and Fahrenheit units
• 5-Day Weather Forecast to plan your week ahead
• Efficient API handling
• Industry-standard code structure for maintainability

Screenshots 📸

Mobiles 📱

Tablets 📱

Desktops 🖥️

Profile Features 📝

Click on SkyTracker to view the full list of features available in this app. Below is a screenshot of my profile showing the project:

How to Contribute 🤝

1. Fork the repository.
2. Create your feature branch:

   git checkout -b feature/YourFeature
   

3. Commit your changes:

   git commit -m 'Add some feature'
   

4. Push to the branch:

   git push origin feature/YourFeature
   

5. Open a pull request.

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.

Made with ❤️ by ABHAY SINGH