Skip to content

Latest commit

 

History

History
53 lines (41 loc) · 2.94 KB

readme.md

File metadata and controls

53 lines (41 loc) · 2.94 KB
Raw

Daily-Dashboard

Daily-Dashboard is a modern web application that for now has a weather application that provides real-time weather updates. Built with TypeScript, DaisyUI, and TailwindCSS, this app allows users to search for weather conditions in any location. Users can also set a default location to automatically receive weather updates each time they load the application. The app utilizes the OpenWeatherMap API for weather data and the Geocoding API for location lookups.

💻 Try it Out!

Currently, the application is not hosted. You can run it locally by following the instructions below.

⚙️ Features

  • Search for Weather: Enter any location to get current weather conditions and a daily forecast.
  • Default Location: Set a default location to receive weather updates automatically upon opening or reloading the app.
  • Real-time Updates: Get up-to-date weather information with each search.

Application Preview

Here's a glimpse of the Weatherify interface:

Weatherify Screenshot

⚡️ Technologies Used

  • TypeScript
  • DaisyUI
  • TailwindCSS

💡 What I Learned

  • Web Application Development: Gained experience in building and structuring web applications with TypeScript.
  • TailwindCSS Styling: Mastered using TailwindCSS and DaisyUI for a responsive and visually appealing interface.
  • API Integration: Enhanced skills in integrating external APIs for dynamic data fetching and processing.
  • Modular Design: Developed a modular approach that allows future extensions or modifications.

🔮 Future Improvement Ideas

  • Chrome Extension: Potentially convert the app into a Chrome extension for more convenient access.
  • Extended Forecast: Add multi-day forecasts and weather alerts for enhanced user planning.
  • Weather Notifications: Implement push notifications for weather updates based on user preferences.
  • Customizable Widgets: Allow users to customize the widget’s appearance and data display options.

🛠️ Build Tools

  • Vite: For fast and efficient build processes.

💭 Sources and Inspiration

My development of Weatherify was guided by several valuable resources:

🚦 Running the Project Locally

To run the project on your local machine, follow these steps:

  1. Clone the Repository: To run the project in your local environment, follow these steps: 
    git clone https://github.com/maxitech/daily-dashboard-extension.git
  2. Run npm install or yarn in the project directory to install the required dependencies.
  3. Run npm run dev or yarn dev to get the project started.
  4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view app.