RecipesFullStack 🍳

Overview

RecipesFullStack is a full-stack web application for managing recipes. It includes a front-end using HTML, CSS, JavaScript, and Tailwind CSS, and a back-end involving Node.js with Express.js and Multer.

Important Notes!!! 🚨

Images: I encountered some issues with the images, some of them corrupted partly and some completely, USE ON OWN RISK. I'm NOT responsible for any damage done to the images. Usage on own risk 🚫

AI Generated: I generally used Unsplashed for the Images, but sometimes if no image was found, I resorted to AI generated Images. This also means the recipe themselves do NOT identically look like the images. 🖼️

Features 🌟

• Recipe Management: Create, edit, delete recipes.
• Responsive Design: Mobile-friendly layout.

Installation 🛠️

1. Clone the repository:

   git clone https://github.com/Saalim-Baba/RecipesFullStack.git

2. Navigate to the project directory:

   cd RecipesFullStack

3. Install dependencies:

   npm install

Usage 📚

1. Start the server:

   npm run app.js

2. Access the application: Open your browser and go to http://localhost:3000/recipes/home.

Project Structure 🏗️

• Frontend:

  • HTML: Structure of web pages.
  • CSS: Styling using Tailwind CSS.
  • JavaScript: Interactive elements.

• Backend:

  • Node.js: Server-side logic.
  • Express.js: Routing and middleware.
  • JSON: Saving of the recipes

License 📝

This project is licensed under the MIT License. See the LICENSE file for details.

Contact 📩

For questions or suggestions, please contact me.

For more information, visit the repository.