A modern recipe sharing platform built with React, TypeScript, and Framer Motion.
- 🍳 Browse recipes by categories
- 🔍 Advanced search with history and suggestions
- 📱 Responsive design for all devices
- ⚡ Smooth animations and transitions
- 🎨 Modern and clean UI
- 🎯 Filter recipes by time, difficulty, and servings
- 📊 Dynamic recipe statistics
- 👤 Author profiles for each recipe
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- React Router
- Lucide Icons
- Clone the repository
git clone https://github.com/yourusername/FlavorfulHub.git- Install dependencies
cd FlavorfulHub
npm install- Start the development server
npm run dev- Open http://localhost:3000 in your browser
src/
├── components/
│ ├── Categories/
│ ├── Recipes/
│ └── UI/
├── pages/
│ ├── Categories/
│ ├── Recipes/
│ └── Auth/
├── utils/
└── contexts/
React, TypeScript ve Framer Motion ile geliştirilmiş modern bir yemek tarifi paylaşım platformu.
- 🍳 Kategorilere göre tarifleri keşfedin
- 🔍 Arama geçmişi ve önerilerle gelişmiş arama
- 📱 Tüm cihazlar için uyumlu tasarım
- ⚡ Akıcı animasyonlar ve geçişler
- 🎨 Modern ve sade arayüz
- 🎯 Süre, zorluk ve porsiyon bazlı tarif filtreleme
- 📊 Dinamik tarif istatistikleri
- 👤 Her tarif için yazar profilleri
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- React Router
- Lucide Icons
- Projeyi klonlayın
git clone https://github.com/yourusername/FlavorfulHub.git- Bağımlılıkları yükleyin
cd FlavorfulHub
npm install- Geliştirme sunucusunu başlatın
npm run dev- Tarayıcınızda http://localhost:3000 adresini açın
src/
├── components/
│ ├── Categories/
│ ├── Recipes/
│ └── UI/
├── pages/
│ ├── Categories/
│ ├── Recipes/
│ └── Auth/
├── utils/
└── contexts/
- Add user authentication
- Implement recipe creation
- Add comments and ratings
- Create user profiles
- Add recipe sharing
- Implement favorites system
- Add recipe printing
- Create mobile app
Made with ❤️ by wezirim.com