Weather DApp ️🌤️

Description 📚

Weather DApp is a modern and efficient web application that allows you to access real-time weather information from any city in the world. Designed to provide an intuitive and fluid user experience, it uses a reliable API to display updated weather data clearly and concisely. Developed with HTML5, CSS3 (SCSS), JavaScript ES6+, and Vite, Weather DApp offers exceptional performance and an interface adaptable to any device.

Key Features ✨

• Instant and Accurate City Search 🔎: Find any city instantly and get its current weather information with accurate and detailed results.

• Responsive and Attractive Design 📱: The interface adapts perfectly to any screen size, ensuring an optimal user experience on mobiles, tablets, and desktops.

• Interactive Notifications with SweetAlert2 ✉️: Receive alerts and informative messages in a visually appealing way, enhancing the interaction and usability of the application.

• Superior Performance with Vite ⚡: Enjoy fast loading and exceptional performance thanks to the use of Vite, the next-generation module bundler.

• Efficient Event Handling with JavaScript 🚀: The application responds smoothly and accurately to user interactions, thanks to efficient event handling with JavaScript.

• Intuitive Visual Feedback ✅: Receive instant feedback on the status of your search, knowing if the city was found or not, through clear and concise messages.

• Improved Accessibility ♿: Good accessibility practices have been implemented to ensure that the application is usable by everyone, including people with disabilities.

• Performance optimization 🎉: Good practices have been implemented so that the application has the best possible performance.

• Code Quality and Readability 📚: The code is well-structured, readable, and follows best practices, making it easy to maintain and extend.

• API Integration 🌐: The application uses a reliable API to fetch real-time weather data.

Technologies Used ️🛠️

• HTML5
• CSS3 (SASS/SCSS)
• JavaScript (ES6+)
• Vite
• SweetAlert2
• Fetch API
• Git & GitHub
• Vercel (for deployment frontend)
• Railway (for deployment backend)

Local Installation and Execution ⚡

Follow these steps to run Weather DApp in your local environment:

1. Clone the repository:

   git clone https://github.com/Dacardonac/weather-dapp.git

2. Navigate to the project directory:

   cd weather-dapp

3. Install dependencies:

   npm install

4. Start the development server (Frontend):

   npm run dev

   • Open your browser and access the URL provided by Vite (usually http://localhost:5173).

5. Start the backend server (If you have one):

   node server.js

Deployment on Vercel 🌐

Weather DApp is deployed on Vercel, ensuring fast and reliable access from anywhere in the world.

• Application link: Weather DApp on Vercel

How to Use Weather DApp 📄

1. Enter the city name: Type the name of the city you want to query in the search field.
2. Perform the search: Click the "Search" button or press the "Enter" key.
3. View weather information: If the city is found, its current weather information will be displayed clearly and in detail.
4. Receive informative alerts: If the city does not exist, you will receive an informative alert indicating the error.

Screenshots / Design ️📷

Author ✍️

Daniel Alejandro Cano Cardona

📌 GitHub: Dacardonac

📌 Frontend Mentor: Dacardonac

📌 LinkedIn: Daniel Alejandro Cano Cardona

License 📚

This project is under the MIT License. See the LICENSE file for more details.

Credits 🙌

• Icons: Icons8
• Vercel: Vercel
• Railway: Railway

Thank you for visiting Weather DApp!

Let me know if you want to make any more changes or add information. 🚀😃