Skip to content

Recipe Sharing Community, (Core Tech's => TypeScript, NextJS-14, MongoDB, Mongoose(ODM), ExpressJS, TailwindCSS, Redux)

Notifications You must be signed in to change notification settings

MdMuzahid07/cookbook

Repository files navigation

Recipe Sharing Community - CookBook Client(Front-end)

Welcome to the Recipe Sharing Community! This innovative web application is designed to connect culinary enthusiasts by providing a platform for sharing, discovering, and organizing recipes. Whether you're a home cook, culinary student, or simply passionate about cooking, our community is here to support your culinary journey.

Project Overview

The Recipe Sharing Community empowers users to:

  • Share Recipes: Easily post favorite recipes with detailed ingredient lists and cooking instructions.
  • Engage Socially: Interact with other users through comments, ratings, and following features.
  • Utilize Practical Tools: Make use of an interactive ingredient checklist and a built-in cooking timer for a better cooking experience.

Key Features

  • Secure User Authentication: Robust registration and login processes utilizing JWT for secure sessions.
  • Comprehensive Recipe Management: Submit, update, and delete recipes.
  • Interactive Tools: Enjoy features like a built-in ingredient checklist to enhance your cooking process.
  • Community Interaction: Comment on recipes, rate them, and leverage an upvote/downvote system to highlight popular recipes.
  • Advanced Search & Filtering: Effortlessly find recipes using various filters such as ingredients, cooking times, and categories.
  • Premium Subscription Model: Gain access to exclusive features through a subscription-based model.

Technologies Used

This project is built using cutting-edge technologies to ensure a smooth user experience:

  • Frontend Framework: Next.js
  • UI Library: NextUI
  • Styling: Tailwind CSS
  • State Management: React Query
  • HTTP Client: Axios
  • Animations: Framer Motion
  • TypeScript: TypeScript

Installation

Follow these steps to set up the project locally:

  1. Clone the Repository:

    git clone https://github.com/MdMuzahid07/cookbook.git
    cd cookbook
  2. Install Dependencies:

    npm install
  3. Start the Development Server:

    npm run dev
  4. Access the Application: Open your browser and navigate to http://localhost:3000.

Usage

  • User Registration/Login: Create an account or log in to unlock personalized features.
  • Recipe Submission: Navigate to the recipe creation page to add and format your favorite recipes.
  • Community Engagement: Interact with fellow users by commenting on recipes, rating them, and following other users.
  • Search Functionality: Utilize the search feature to find recipes based on keywords, ingredients, or categories.

Credentials

For testing purposes, you can use the following credentials to log in:

Admin Credentials

  • Email: mdmuzahid.dev@gmail.com
  • Password: admin123

User Credentials

  • Email: mdmuzahid7396@gmail.com
  • Password: 11111111

Feel free to replace the placeholder email in the Contact section and let me know if you need any more adjustments!

About

Recipe Sharing Community, (Core Tech's => TypeScript, NextJS-14, MongoDB, Mongoose(ODM), ExpressJS, TailwindCSS, Redux)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages