Aggie Event

We established a website platform to introduce a wide variety of on-campus events and resources for freshmen and transfer students so they can get the best college experience on campus.

Comment 5

Our Inspiration

Student events and residential life are essential for first-year students' college experience. Many first-year students including freshmen and transfers choose to live in residence halls and on-campus housing because they want to enrich their college experience. Our designer who works as a marketing assistant at the UC Davis Student Housing and Dining Service Department noticed that the promotion of school activities and events for new Aggies is lacking. Many are unaware of school events and special activities since all updates are posted on social media, which is scattered around and overwhelming especially for newly admitted students. Therefore, we want to build a platform that provides a more convenient search for on-campus school events, building more awareness of fun activities for new students.

Overview of Aggie Event

Our target audience is mainly focused on on-campus residential students, including freshman, second-year, and transfer students. 🎒

Features

  1. Users can use this website to navigate school events and explore new organizations that they are unaware of before.
  2. Users will log in with their school ID and password so the webpage can provide more personalization options on event selections.
  3. Users can search up different events that are happening on-campus, categorized in different ways such as location, event types, target audience, dates, and prices.
  4. Users can click into each event module to view event details. To schedule an event into their calendar, simply select "Yes" on the question "Are You Going," the event will automatically be added to the user's schedule. Users can cancel the scheduled event simply by selecting "No."

How We Build It

To begin this project, our designer planned all the layout and design on Figma. We studied the school branding color and type font because we want to make this website dedicated to the UC Davis Student Housing and Dining Service Department. We also researched school events for images and information to make the website more authentic and reliable. Next, our coders use React to compose each webpage as components and merge them to build our website prototype.

Challenges We Ran Into

None of us are familiar with using react and javascript, as this project is also a difficult learning experience for us.

😀 Mona, one of the coders says, "When I was working on the Navbar, I did not know how to route multiple web pages to react. It took me a whole afternoon to learn how to install dependencies like styled-components and router dom to connect these web pages together. "

😜 Yuxin, our next coder says "Though three of us are in C.S. major none of us is familiar with front-end developing or cooperating with each other in a project like this. There are lots of technical challenges we need to solve and learn. However, as we only have 24 hours to solve them, we can't walk through the whole learning path of it. We are forced to jump into applying them just by looking at some example codes. There are lots of concepts we have no idea, thus there are lots of issues that we have no idea how to fix."

😉 YinKun, our third coder says, "When we started the project since all of us did not have much experience in web programming, we had to keep searching and construct each individual page with great effort, which provides us with the opportunity to learn more concepts and methods about frontend programming. I believe that we have tried our best and received the best result we could achieve within the time limit."

Accomplishments That We're Proud Of

We are proud of what we have accomplished so far! This 24-hour window is such an exciting and memorable time that we will remember forever. We believed that this website will be a very helpful tool for new students at UC Davis. This platform will truly levitate UC Davis students' college experience and we are so excited about what this could turn out to be in the future. 🎓

What We Learned

We learned how to work as a team. Designers and coders have different responsibilities, but we all need to work together to make this website comes to life. ✨Our coders also learn how to code a new language such as HTML in a short limited time! We gain so much in the hackathon and we are excited to see what's next in our careers!

What's Next For Aggie Event

We hope to connect our website to the school database, so when students use their School ID to log In, the website will automatically retrieve related information for the database. We would also hope to connect with the school administration for more information and opportunities for Aggie Event. 🐮

Share this project:

Updates