We use Handshake daily to apply for internships and attend career events on campus. However, when it comes to major-based personal projects students are often left clueless of where to start or how to do it. TerpLocal was created with this idea in mind because it would guide students along this process while also helping small-time businesses.
Our website is designed to enable local businesses in the College Park community to post projects related to their work for students on campus to complete in return for rewards. Students can learn to apply their knowledge from class in a real-world setting, while businesses gain valuable connections with students in addition to their work (a new website, logo, marketing plan, etc).
We used ReactJS for building our website and functionality, and HTML and CSS to design it.
Most of us were new to using Git and Github to collaborate with a team, so we spent time learning the basics and eventually developed a good rhythm of each working on our separate branches and merging as necessary through Github Desktop.
Additionally, many of us proposed different methods of implementing our project (MangoDB, React.js, CMS, HTML). So we spent the first week thoroughly researching the practicality of these methods and then debated on the pros and cons of each. We settled on React.js because it gave us a good opportunity to learn the basics of web development (HTML, CSS, JS) while also providing some basic tools (like components and props) that provided us with convenient ways to add interactions and functionality.
We are proud of completing the front end of the website, with basic functionality such as allowing the user to edit the tables and click through the different pages.
We learned a lot about web development languages and frameworks, such as ReactJS, HTML, and CSS. We also learned a lot about using Github and how to share code as a team.
In the future, we would like to work on the backend and have a database that works with the website to store user information. We would also like to design the CSS to be compatible with different devices.
Catherine Li, Meenakshi Rama S, Bhavika Buddi, Bryan Amaro, Emeka Ogbuachi
Project images were generated with AI (Bing's Image Creator) and pictures.
Tutorials:
React Website Tutorial: https://www.youtube.com/watch?v=I2UBjN5ER4s
ReactJS Crash Course: https://youtu.be/w7ejDZ8SWv8?si=2_dzlZsiWZ7fvLIq
React Navbar Navigation: https://youtu.be/XOxwwtnZS5U?si=vd0CC3DuoRHZywNy
React Router Tutorial: https://youtu.be/l3H5aWVUDBk?si=KxPTmjHMU2zILWWf
React Filter: https://youtu.be/u1yr_HZivzk?si=KOlooHvzNPOm-JFr
Git and Github: https://youtu.be/RGOj5yH7evk?si=hotMdA-e0JdGIReY
Deploying React App on Github: https://github.com/gitname/react-gh-pages?tab=readme-ov-file
