Haven
Web Development
Haven is a website that offers users the option to either buy and/or sell property. Haven allows sellers to sell by filling out a form that consists of important information about the property and allows for the buyer to then view the property. Additionally, sellers can manage the property they have uploaded by either updating, adding, or deleting. For this project, we selected to complete the seller dashboard.
Duration: 2 Weeks
Team Size: 2
Primary Role: Frontend & Backend
Our Audience
The intended audience of our website is people who are either looking to buy or sell property.
Meet Mark Richmond
Age: 56
Education: Real Estate License
Hometown: Nashville, TN
Occupation: Real Estate Agent
Mark loves his job as a real estate agent. He loves searching for homes that have great potential on the market and uploading them in hopes of connecting with clients. Because of growing housing demands, Mark needs an efficient and easy way to upload the property, as well as manage his uploads.
User Journey
Homepage
Users will initially be guided to the website's homepage. Here they can find information and Haven and be directed to the login screen.
Register and Login
Users will be asked for their account information to log in. If the user is new to the website, they will be asked for information such as their name, card information, intent, etc.
Dashboard and CRUD
On the dashboard, the user will be able to see their property information in which they can manage it, or add property.
Development
Languages Used: HTML, CSS, JS, PHP, SQL
For this project, my role included both frontend and backend responsibilities. The frontend aspect was comprised of using HTML and CSS to add text, images, and links to the screen. Additionally, I used CSS attributes and selectors to arrange the content (such as Flexbox). Styling that includes text sizing and color was done using CSS.
For the backend portion, my main responsibility was handing form input using PHP and creating a table to store the information. The forms were created and styled using HTML and CSS.
Between my partner and I, we made efforts to communicate either daily or every other day as this was a comprehensive project that encapsulated a great deal of both new information and knowledge we learned throughout the semester. In our meetings or discussions, we would discuss our progress, and our priorities, and update a list of necessary tasks to complete. This allowed us to narrow down tasks, assign based on progress, and most importantly, make sure we were on the same page.
Outcome
& More
On the right is the final recording that demonstrates how our website functions.
To look at the final code, please refer to the Github link!