Recipe-Sharing-Platform-demo Tailwind Templates

Recipe Sharing Platform Demo

Flavor Exchange: React recipe platform featuring browsing, saving & sharing. Includes: šŸ” Searchable feed, šŸ“ CRUD ops, šŸ” Mock auth, ā¤ļø Favorites. Tech: React, React Router, Redux/Zustand, Tailwind. Bonus: ā±ļø Timer, šŸŒ™ Dark mode. Evaluated on: 🧩 Code structure, ⚔ API handling, šŸŽØ UI/UX, šŸ”§ Git practices.

Recipe Sharing Platform

Welcome to the Recipe Sharing Platform! This project enables users to share, explore, and manage recipes effortlessly.

Features

  • Secure user authentication and profile management.
  • Create, update, and delete recipes.
  • Search and filter recipes by ingredients, cuisine, or category.
  • Interact with recipes through likes, comments, and saving favorites.
  • Fully responsive design for both mobile and desktop.

Prerequisites

Ensure the following are installed before running the project:

Installation

  1. Clone the repository:

    git clone https://github.com/chamithsilva10/recipe-sharing-platform.git
    cd recipe-sharing-platform
    
  2. Install dependencies:

    npm install
    
  3. Start the development server:

    npm run dev
    

How to Run

  1. Access the application in your browser:
    http://localhost:3000
    

Scripts

  • npm run dev: Runs both backend and frontend in development mode.
  • npm run build: Builds the frontend for production.

Folder Structure

Recipe-Sharing-Platform/
ā”œā”€ā”€ backend/        # Backend code (Node.js, Express)
ā”œā”€ā”€ frontend/       # Frontend code (React.js)
ā”œā”€ā”€ .env            # Environment variables
ā”œā”€ā”€ package.json    # Project dependencies
└── README.md       # Project documentation

Contributing

We welcome contributions! Follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-name
    
  3. Commit your changes:
    git commit -m "Add feature-name"
    
  4. Push to your branch:
    git push origin feature-name
    
  5. Open a pull request.

Contact

For any questions or feedback, feel free to reach out:

Happy cooking and sharing! šŸ³#

Top categories

Loading Svelte Themes