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

User Credentials


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