Junkyard

 One of our team members, Myriam, has done previous research on the challenges that homeless college students face. Inspired by a desire to give aid to such students and others in need, we began talking about the exchange of items between people with a lot to give and people who can't afford much. We decided early on that our site was not going to be a traditional shopping site in the sense that there would be no pricing on any items; everything on our site is free. Both parties' needs, the purveyor's and the "purchaser's", are met: the purveyor has a free and eco-friendly way to get rid of excess belongings, while the purchaser can find things they need in good condition without paying anything other than the cost of transportation to pick it up.
 We wanted to combine aspects from social media because we found both a functional and visual appeal in a scroll-down newsfeed. In addition, a "recommended" list of items can utilize artificial intelligence to find similar objects to the one the "purchaser" is interested in. While Makenzie tackled the user interface of the main page with a newsfeed, Myriam and Claire worked on the welcome page and login/sign up features. Once we created a bare skeleton of the site using HTML, we looked for ways to spice up our site with CSS like animating buttons, extending parts of our page, and an automatic slideshow. When we were finished with our individual pieces, we put them together using buttons as links.
 Here was where many challenges arose! Myriam used a feature called a "modal" that Claire was unfamiliar with, and she had to quickly learn to use it to combine her welcome page and Myriam's login popup. Makenzie struggled to format Myriam's messaging feature into the main page and was unfortunately unable to successfully fit the feature into our current version site. And overall, we were rusty on our HTML and CSS skills and relied a lot on online tutorials and resources to remember how to do things.
 We have built a site with a welcome page and login/create account features, that will lead you to a home page with more tabs like profile, setting, and uploads. Along the way, we all learned from the struggles of web design and had fun with the creative freedom that comes with a project like "junkyard".

Built With

• css
• html
• javascript