The "Foodies Full Stack Web Application" is designed to revolutionize the way college students interact with their campus canteen services by providing real-time access to menus, nutritional information, and personalized food recommendations. This project aims to bridge the gap between canteen owners and students, offering seamless communication and better decision-making for daily meals. By leveraging the power of the Spoonacular API, the platform can not only display available menu items but also offer detailed nutritional data, which is crucial for students with dietary preferences or restrictions. Additionally, the application uses machine learning to suggest dishes based on individual preferences, ensuring a tailored dining experience for each user. This project has been developed using modern web development technologies, integrating both front-end and back-end functionalities to create a responsive, user-friendly platform. The application has the potential to enhance user satisfaction, improve the efficiency of canteen operations, and promote healthier eating habits among students. This paper outlines the design, implementation, and testing of the Foodies Web Application, while also discussing future improvements and scalability.