BCADash

• 

  underclassman logged in

Inspiration

After returning to BCA after a year and one-third of virtual instruction, students have been introduced to the option of government-subsidized school lunch which they are unsatisfied with. Despite this food being free, students are willing to pay for a more premium option and many upperclassmen attempt to bypass school rules by accessing neighboring food places such as Chick-Fil-A and Quickchek during their lunch hours. To enable students to access such products without violating the student handbook, our product connects underclassmen with seniors for them to deliver food to the underclassmen at a fee.

What it does

To connect underclassmen with seniors, our UI allows seniors to log in and display themselves along with their availability. Underclassmen choose a senior on display based on their common availability and enter information such as their full name, grade, and phone number for the transaction to develop.

How we built it

In order to build this project, we used the react framework Next.JS as our webframe work. We use it for hybrid static and server rendering which is useful because it powers both our front and back end with its route pre-fetching. Tailwind was used for our css. Furthermore, we set up an AWS RDS instance to run our MYSQL database on the cloud. As for our package manager, we used yarn. Github was used for collaboration.

Challenges we ran into

Connecting MYSQL to AWS RDS was an issue for our group because we previously had experience in MongoDB which had a different process. Additionally, connecting to the database has proved to be difficult, partially because of the school's network.

Accomplishments that we're proud of

We are very proud of our beautiful frontend and the working backend. We wish we could have connected the two but the challenges presented earlier served as a limitation.

What we learned

We learned the capabilities of Next.JS and its rendering as well as its route pre-fetching.

What's next for BCADash

We hope to add more interaction through the website such as payment and store of choice instead of relying on the interaction of the senior and underclassman through outlook or text messaging.

Built With

• amazon-rds-relational-database-service
• next.js
• react
• sql
• tailwind