To quickly test your MySQL connection, use the provided script:

// config/test-db-connection.js
const pool = require("./db");

pool.getConnection((err, connection) => {
  if (err) {
    console.error("MySQL connection failed:", err.message);
    process.exit(1);
  } else {
    console.log("MySQL connection successful!");
    connection.release();
    process.exit(0);
  }
});

Run it with:

node config/test-db-connection.js

If you see "MySQL connection successful!", your database credentials are correct and the server is reachable.

A full-featured recipe sharing application built with Express.js, EJS templating, and Bootstrap for styling.

• Home Page: Welcome page with featured recipes and quick navigation
• Browse Recipes: View all recipes with search and filter functionality
• Recipe Details: Detailed view of individual recipes with ingredients checklist
• Add Recipe: Form to submit new recipes to the collection
• Cooking Tips (MongoDB): Add/edit/delete per-recipe tips stored in MongoDB (shown on each recipe page)
• About Page: Information about the application and its features
• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices

1. Home (/) - Landing page with featured recipes
2. All Recipes (/recipes) - Browse and search all recipes
3. Recipe Detail (/recipes/:id) - Detailed view of a specific recipe
4. Add Recipe (/add-recipe) - Form to add new recipes
5. About (/about) - Information about the app

• Backend: Node.js with Express.js
• Templating: EJS (Embedded JavaScript)
• Styling: Bootstrap 5 + Custom CSS
• Frontend: Vanilla JavaScript for interactivity

1. Clone or download this project

2. Navigate to the project directory:

   cd recipe-app

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

   Or for production:

   npm start

5. Open your browser and visit http://localhost:3000

recipe-app/
├── public/                 # Static assets
│   ├── css/
│   │   └── style.css      # Custom styles
│   └── js/
│       └── main.js        # Client-side JavaScript
├── views/                 # EJS templates
│   ├── partials/
│   │   ├── header.ejs     # Navigation header
│   │   └── footer.ejs     # Page footer
│   ├── index.ejs          # Home page
│   ├── recipes.ejs        # All recipes page
│   ├── recipe-detail.ejs  # Single recipe view (includes per-recipe Mongo tips)
│   ├── add-recipe.ejs     # Add recipe form
│   ├── about.ejs          # About page
│   └── 404.ejs           # Error page
├── server.js              # Main application server
├── package.json           # Project configuration
└── README.md             # Project documentation

• Add new recipes with ingredients, instructions, and metadata
• View recipes with formatted ingredients and step-by-step instructions
• Search recipes by title or description
• Filter by category and difficulty level

• Responsive design that works on all devices
• Interactive ingredients checklist
• Print-friendly recipe pages
• Smooth animations and transitions
• Form validation for recipe submission

• RESTful routing structure
• Template inheritance with EJS partials
• Client-side search and filtering
• Bootstrap components for UI consistency
• Custom CSS for enhanced styling

Edit the category options in views/add-recipe.ejs and update the filter in views/recipes.ejs.

Modify public/css/style.css to customize the appearance. The app uses Bootstrap 5 as the base framework.

This project supports MySQL for persistent recipe storage.

The file reset-recipes.sql will:

• Drop the recipe_app database if it exists
• Recreate the database
• Create the recipes table
• Insert sample recipe data

Usage:

1. Make sure MySQL is installed and running.
2. In your project directory, run:

   mysql -u root -p < reset-recipes.sql

   (Replace root with your MySQL username if different.)
3. This will reset your database and load sample recipes.

MongoDB is used to store per-recipe cooking tips that display on each recipe detail page.

1. Ensure a MongoDB instance is running and set MONGO_URI (and optional MONGO_DB) in your .env.
2. Seed sample data (per-recipe tips):

   npm run seed:mongo

3. Visit any recipe detail page (e.g., /recipes/1) to view/add/edit/delete cooking tips linked to that recipe.

1. Connect to your MySQL server.
2. Expand the recipe_app database and the recipes table.
3. Right-click the table and select "Select Rows - Limit 1000" to view all recipes.

• npm start - Start the production server
• npm run dev - Start development server with auto-reload (requires nodemon)

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request

This project is licensed under the MIT License.

• User authentication and profiles
• Recipe ratings and reviews
• Image upload for recipes
• Recipe categories and tags
• Favorite recipes functionality
• Social sharing features
• Recipe import from URLs
• Nutritional information
• Shopping list generation
• Recipe scaling (adjust servings)

Nate Created the NoSQL cooking-tips feature, integrated MongoDB into the recipe detail page, and handled the EJS display logic. Helped test the NoSQL routes, updated project documentation, and organized the project structure.

Hashim Served as the project manager. Implemented the MySQL CRUD routes and added the MongoDB CRUD functionality on top of the existing NoSQL feature. Merged the team’s code into the final server.js, coordinated task assignments, maintained the repository, and ensured the project met all requirements.

Anthony Worked on the MySQL database setup during the early stages of the project, including schema creation, sample data inserts, initial SQL testing, and connectivity checks. Assisted with the SQL portion during the first phase of development.

Gilbert Prepared mock recipe data, helped test recipe rendering in the EJS templates, verified that both MySQL recipe data and MongoDB cooking tips displayed correctly, and assisted with user interface consistency checks.

Mock Dataset 1

INSERT INTO recipes (title, description, category, difficulty, cookTime, servings, ingredients, instructions) VALUES ( 'Spaghetti', 'Classic Italian pasta dish.', 'Dinner', 'Easy', '30 minutes', 4, '["pasta", "tomato sauce", "salt", "olive oil"]', 'Boil pasta. Heat sauce. Combine.' );