Your Ultimate Culinary Companion & Recipe Management System
RecipeHub is a modern, responsive web application designed for food enthusiasts. It provides a seamless experience for browsing, searching, and managing delicious recipes. Built with the latest Next.js features and an eye-catching UI, it makes cooking and organization a breeze.
- Modern UI/UX: Sleek, minimalist design with Dark/Light mode support.
- Smart Search: Quickly find recipes by category, name, or difficulty.
- Secure Auth: Seamless user authentication via Better Auth.
- Responsive: Optimized for mobile, tablet, and desktop devices.
- Interactive: Smooth animations powered by Framer Motion.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- Components: HeroUI
- Animations: Framer Motion
- Icons: React Icons
- Deployment: Vercel
- RESTful API Consumption: Integrated external/backend API endpoints smoothly to dynamic frontend layouts.
- Next.js Data Fetching: Optimized data fetching using Next.js native
fetchmechanisms with caching and revalidation strategies. - State Management: Handled asynchronous API responses, loading states, and error handling seamlessly across the interface.
- Node.js (v18 or higher)
- npm or yarn
# Clone repository
git clone https://github.com/mahmudul-Hasan-2/RecipeHub-Client.git
# Navigate to the project directory
cd RecipeHub-Client
# Install dependencies
npm install
# Run development server
npm run dev- 🚀 Live Production Link: RecipeHub Live Site
- 💻 GitHub Client Code: recipeHub-client Repository
- 🛡️ API Integration Protocol: RESTful routing guidelines utilized for secure backend integration