Stay updated with the latest weather information using Weatherly, your minimalist weather dashboard application. Weatherly provides real-time weather data with a sleek, modern look that makes checking the weather a delightful experience.
Weatherly offers a clean and minimalist approach to displaying weather data. It features:
Weatherly is developed using the following technologies:
Follow these steps to run Weatherly on your local machine:
Clone the repository:
git clone https://github.com/your-username/weatherly.git
cd weatherly
Install dependencies:
npm install
Get your OpenWeatherMap API key:
Run the development server:
npm start
Open your browser and go to http://localhost:3000
to see Weatherly in action.
Here's an overview of the project structure:
weatherly/
├── public/
│ ├── index.html
├── src/
│ ├── components/
│ │ └── magicui/
│ │ └── Globe.jsx # A component for rendering the globe UI element
│ ├── GlobeDemo.jsx # Demonstrates the Globe component usage
│ ├── WeatherCard.jsx # Component for displaying weather information
│ ├── App.jsx # Main app component
│ ├── index.css # Global styles
│ ├── main.jsx # Entry point of the application
│ └── App.css # Styles specific to the App component
├── package.json
└── README.md
If you have any questions, suggestions, or feedback, please reach out: