marsidev/climatic

Monorepo project that shows the current weather data and weather forecast for next 7 days. Created from scratch to participate in a 14-days hackathon.

Climatic

Monorepo project that shows the current weather data and weather forecast for next 7 days.
Created from scratch to participate in a 14-days hackathon hosted by midudev.

Hackathon

• The hackathon goal was build a weather web app (mobile-first or mobile-only) in two weeks using a weather API from RapidAPI.
• It was announced at 2022/05/19.
• There was 38 project entries. The first 19 were reviewed at 2022/06/02. The last 19 were reviewed at 2022/06/07. The winner was choosed at 2022/06/14.
• Climatic was picked as the 4th best project in the first review, but was not elegible for any prize.
• The last commit before the project revision can be found here.
• The winner project can be found here.

🚀 Preview

App preview before deadline and project review:

Screenshots provided by webmobilefirst.

Links

• Demo
  
• Mirror
  

🛠️ Technologies

• pnpm
• typescript
• fastify
• react
• vite
• chakra-ui
• zustand
• swr
• react-router
• isomorphic-fetch
• node-cache
• playwright
• vitest
• react-testing-library
• msw
• eslint

✨ Getting Started

Clone the project using one of these ways:

1. Fork the repository

2. Clone the repository locally

git clone https://github.com/marsidev/climatic
cd climatic

Install dependencies

pnpm install

Set environment variables

Create an .env file in the root of your project and add the following values:

RAPIDAPI_KEY=
APP_URL=

To get your RAPIDAPI_KEY you need to subscribe to weatherapi.
APP_URL is optional. If present, will be used as origin url for cors.

Run the project

pnpm dev

In order to use the geolocation API, you need to run the client server with https protocol. This can achieved by running:

pnpm dev:https

Open http://localhost:3000 or https://localhost:3000 with your browser to see the result.

If you are running in https mode, you will get a warning in your browser about non-secure connection.

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check issues page.