⛅︎ Grain

Film stock recommendations based on your local weather conditions.

Visit the live site: Grain

Features

• Real-time weather data
• Film stock recommendations based on lighting conditions
• Filter by format (35mm/120) and type (color/B&W)
• Beautiful weather-based backgrounds

✨ Features

• 🌤️ Real-time weather data integration
• 🎞️ Film stock recommendations based on lighting conditions
• 📏 Filter by format (35mm/120) and type (color/B&W)
• 🖼️ Beautiful weather-based background images
• 📱 Mobile-responsive design

🚀 Setup

1. Clone the repository:

git clone https://github.com/aridutilh/grain.git
cd grain

2. Install dependencies:

npm install

3. Set up environment variables:

   • Copy .env.example to .env:

     cp .env.example .env

   • Get an API key from OpenWeather
   • Add your API key to the .env file

4. Start the development server:

npm run dev

🛠️ Technologies

• ⚡️ Vite
• ⚛️ React
• 📝 TypeScript
• 🎨 Tailwind CSS
• 🎯 shadcn/ui
• ✨ Framer Motion
• 🌤️ OpenWeather API

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

📄 License

MIT