Marhaban

• 

  Screen Cap of our landing page

• 

  Screen Cap of our weather page

Inspiration

We all grew up with parents who immigrated to Canada and know first hand how hard it is leaving your home. They always love catching up with family back home. Even learning about the weather brought great joy to them. However, as technology began to advance, things began to complicate for them and finding this information in a simple fashion became impossible. We created this app to hopefully make that transition as a new comer to Canada just a little bit easier on them.

What it does

Marhaban is a one stop website designed for new Middle Eastern immigrants who are looking for a place to simply catch up back home. Reading the news back home, checking the weather, finding places of worship, even just checking the weather. All of this can be done simply and intuitively on Marhaban.

How we built it

We began by designing the framework of the website on figma to get a general sense of how we wanted the website to look. Once this was complete we began looking into ways we could embed things such as news feeds and google maps to pull locations. After research, we began coding the websites pages in html. After we finished with html, we began styling the website pages with css to make them look a bit better. And finally we finished with javascript for web pages that required it.

Challenges we ran into

Since it was our first time using Figma, we did not scale the frames in Figma to the desktop version. Consequently, when we programmed the website, it did not fit the entire page on the browser. Additionally, the weather website used an outdated API which made it tricky to implement into our website. Finally, the most demanding challenge to overcome was staying awake and trying our best to finish the website in time. Redesign the framework to fit the entire page when opened on a browser.

Accomplishments that we're proud of

Despite being our biggest challenge, we are really proud with the way the weather page came out. We spent the most time styling and scripting this web page which definitely can be seen. Despite this being our first real attempt at web development and the time frame we were given, we are really proud with how this website came out.

What we learned

I think one skill we all learned was how to debug our code. Almost every line of code we wrote had errors when we tried running them. It took us time to learn to be calm when seeing errors and trying to understand the terminal shooting the error out.

What's next for Marhaban

Add more features to the website, such as a Job Search. Make the website more user-friendly and personalized. Polish the design to make it appear professional. Optimize the code.

Built With

• api
• figma
• languages