RateMyStudent | Devpost

File
Mascot
Project Title
Star

Inspiration

After thinking deeply on the prompt, one member of the team came up with this concept as a joke. However, upon further contemplation, we realized that it was genuinely a resource that is needed in schools since teachers do not have anything that provides helpful information on students learning. We haven't heard of this concept before, and thought it would be challenging.

What it does

Our project allows teachers to have a centralized platform that provides information on a student's strengths and weaknesses. It has a page where teachers can upload their rating for a student or add to a student's existing rating, a page that allows teachers to search for specific students, a page that displays all students, and a page that displays reviews for each individual student.

How we built it

We built the frontend project using React JS and CSS. To collaborate we utilized Live Share to edit the project's files in real time. For the frontend, we started by building the individual components. We then put the components together into our separate webpages and rendered the necessary images. While two members of our team did this, our other members started working on the backend and storing data. After both parts were completed, we connected the two and made sure everything was functioning properly.

Challenges we ran into

We had trouble connecting the front and backend, as the implementation methods were slightly different. We also had a bit of trouble displaying the elements, as some had to be overlaid on top of one another. Our team, being entirely new to hackathons, were a little bad with time management, rushing towards the end. We also had low experience in connecting pages with router. File management was also tricky, as we had so many pages.

Accomplishments that we're proud of

We made a fully functioning website! We've only really dipped our toes into webdesign a bit in the past, so its a great accomplishment being able to complete the site. Additionally, our front-end developers both have not had any react experience in the past, so we are proud of being able to learn and adapt fast. We are also proud of our teamwork, collaboration, and communication skills.

What we learned

We've delved into the integration of separate webpages using React Router's Route functionality, helping navigate users through our application. We've adorned our webpages with personalized art, adding character and style. Using CSS, we've created input boxes and dropdown menus, improving user interaction and visual appeal. With useState, we mastered dynamically updating variables, ensuring our applications remain responsive and adaptable. By employing effective state management techniques, we've allowed the sharing of variables and functions across multiple components.

What's next for RateMyStudent

We plan on streamlining more of the code, making sure that the elements display properly. I would like to implement some more pixel art elements, as I believe it is a very aesthetically pleasing design element. We want to implement a better display system for rating and star levels, as we were trying to implement a row of 5 stars for each factor that filled based off which one the user clicked.