Boilerplate is a web application created to augment the dining experience on campus at Purdue University. It was created for CS 40700 at Purdue University in Spring 2022. The application builds upon the food information that is available for the next week.
The project utilizes a web scraper created using Cheerio and Puppeteer to pull current information from Purdue Dining's system and into our database, where it is then accessible for users to view. The information can be catalogued into meal plans, which is one of the primary features of the application. In addition to this feature, users can interact with others, as the application offers a commenting system, friend system, the ability to see where others are eating.
The frontend consists of React Bootstrap styled components and Redux Persist for state management. Backend utilized Node with MongoDB (Mongoose specifically).
Below are some images of the application's primary pages
-
Home page
-
Popular page
-
Profile Page
-
Dining Courts
-
Meal Plan
-
Creating a Meal Plan
In order to run the development environment, make sure first to run npm install in both the /backend/ and /frontend/ folders.
In the frontend folder, to run the client for development, enter
npm start
In the backend folder, to run the server for development, enter
node index.js
Access the webpage at http://localhost:3000, API commands are passed on port 3001. (The application will not work intended without the correct database implementation, so this would need to be configured again after the database no longer runs)