Froose

An awesome Weather app!

View Demo · Documentation · Report Bug · Request Feature

📔 Table of Contents

• About the Project
  • Screenshots
  • Tech Stack
  • Features
  • Color Reference
  • Environment Variables
• Getting Started
  • Run Locally
• Contact
• Acknowledgements

🌟 About the Project

📷 Screenshots

👾 Tech Stack

Client

• Typescript
• Next.js
• TailwindCSS

🎯 Features

• Check weather for a given location
• Add locations to favorites
• Change time format(12h/24h) and units(metric/imperial)

🎨 Color Reference

Color	Hex
Primary Color	#3B82F6
Secondary Color	#06B6D4
Text Color	#1e293b

🔑 Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NEXT_PUBLIC_WEATHER_KEY - api key from tommorow.io
NEXT_PUBLIC_GEOCODER_KEY - api key from tomtom.com
NEXT_PUBLIC_DEV_MODE - use true when developing to not spam api

🧰 Getting Started

🏃 Run Locally

Clone the project

  git clone https://github.com/maciekzygmunt/froose.git

Go to the project directory

  cd froose

Install dependencies

  npm install

Start the server

  npm run dev

🤝 Contact

Maciej Zygmunt - maciekzygmunt@interia.pl

Project Link: https://github.com/maciekzygmunt/froose

💎 Acknowledgements

Useful resources and libraries that I have used in my project.

• Icons
• Chart.js
• React Easy Marquee
• React Hot Toast
• React Indiana Drag Scroll
• React Icons
• Awesome README template