Fannie Mae Website

• 

  Starting Page

• 

  Question Page 1: Income and Credit Score

• 

  Question Page 2: Debt

• 

  Question Page 3: About the home

• 

  Results Page 1: Congratulations!

• 

  Results Page 2: Keep Trying!

Inspiration

Our goal was to create a working website based on our Figma design.

What it does

This website takes in a series of input from the user in a quiz like format. It then calculates if they can buy a home based on the LTV, DTI, and FEDTI.

How we built it

We used Figma to plan out the layout of the pages. We then used React to make the website.

Challenges we ran into

For some of our group it was their first time creating a full react project, so we learned a lot of things. We struggled with adding the sliders for the input data and calculating a result using the user input.

Accomplishments that we're proud of

We created a working React webpage with routing.

What we learned

Through this project, we learned how to create a Github repository and use Git to share code and collaborate.

What's next for Fannie Mae Website

In the future, we would like to add more personalized suggestions. We would also fully develop all the functions of the website.

Built With

• css
• figma
• github
• javascript
• node.js
• react