USF students can view student apartments near USF in the fastest and easiest way.
- USF 5th Hackabull
- Period :
2023.03.26~2023.03.27
1️⃣ Inspiration
2️⃣ User Stories
3️⃣ Package Structure
4️⃣ Technologies
5️⃣ Contributors
As a student attending USF, searching for student apartments has always been a stressful experience.
In particular, the process of searching and comparing apartments one by one on Google is extremely cumbersome.
Therefore, we have developed a website that displays information on student apartments near USF
on a single page to make it easier for students to find housing.
| User | Functions |
| List up all USF student apartments | User can view all student housing near USF (scrapped from Apartments.com) |
| View the location on Google Map | User can view the location of the apartment on the popover page with Google Map |
| View and compare the selected apartments | User can select apartments they want to look into and compare those apartments |
| Visit the apartment website | User can click the link to visit the apartment website for more details |
📦 USF-STUDENT-HOUSING
┣ 📂 frontend
┃ ┣ 📂 node_modules
┃ ┣ 📂 public
┃ ┣ 📂 src
┃ ┣ ┗ 📂 components
┃ ┃ ┃ ┃ ┣ 📂 Cards.js
┃ ┃ ┃ ┃ ┣ 📂 Container.js
┃ ┃ ┃ ┃ ┣ 📂 Footer.js
┃ ┃ ┃ ┃ ┣ 📂 Header.js
┃ ┃ ┃ ┃ ┣ 📂 Hover.js
┃ ┃ ┃ ┃ ┣ 📂 Maps.js
┃ ┃ ┗ 📂 App.css
┃ ┃ ┗ 📂 App.css
┃ ┃ ┗ 📂 App.js
┃ ┃ ┗ 📂 index.css
┃ ┃ ┗ 📂 index.js
┣ 📂 .gitignore
┣ 📂 README.md
┣ 📂 requirements.txt
┗ 📂 app.py
👉 Technologies Used for This Project
Frontend
- React
- Google Map API
- React Bootstrap
Backend
- Flask
- Python Scrapping & Crawling
Collaboration
- Git
👉 Introduce team members and contribution
We worked together in most of parts, but put more time and be specified in each part
| Siwon Kim | Hyunjun Yoo | Hyunjung Lee |
| @Siwon-Kim | @destor306 | @oranberry |
| Backend - Flask, Frontend - React | Frontend - React, Google Map API | Frontend - React |