Recipe Management Web Application This full-stack recipe management system is designed to provide users with a seamless and interactive way to explore, manage, and share cooking recipes. The platform supports both regular users and administrators, offering a tailored experience based on user roles.
Project Overview The application enables users to register, log in, browse a catalog of recipes, view recipe details, and contribute their own creations. It includes authentication and role-based permissions, ensuring that only authorized users can perform sensitive actions like deleting or editing content.
On the backend, a Node.js server communicates with a MongoDB database to store and manage user data and recipe content. The frontend is built using Angular, delivering a dynamic and user-friendly experience.
Backend Logic & Database Structure MongoDB is used as the primary database, featuring two core collections: Users, Recipes.
Frontend with Angular The Angular frontend mirrors the backend logic with service classes and model-based TypeScript classes. The interface is divided into several components:
The frontend also includes custom directives and pipes to enhance UI behavior and formatting. Styling is achieved using Bootstrap for a modern and responsive design.
Technologies Used Backend: Node.js, Express, MongoDB, Mongoose, dotenv, body-parser, cors
Frontend: Angular, Bootstrap
Tools: Postman, GitHub, Visual Studio Code