Vietnamese Dishes!
-
The static site I created is based on my culture and the cuisine we have to offer! The site offers a quick introduction to popular Vietnamese dishes in the culture as well as recipe guides for them all.
-
Initially, the project was for school but with 100% creativity, I decided to make this project into something more than just an assignment so I wanted to create something that represents not only me but the culture I am proud to stand by.
-
During my first semester of my Junior year, I took a web design course where I learned the foundations and basics of web design. This includes learn about HTML, CSS and the basic properties of creating a static site to which I was able to deploy.
-
After creating the site I was able to design it to the likings of Vietnamese culture and deploy the site to IU’s server where it is, at the current time of writing this, deployed for the world to see! With the skills that I have learned through the creation of the site, I am confident to say that I have more in depth skills on web design.
Home page
The home page of the site offers twelve authentic Vietnamese dishes from the culture. On each of the cards, users can hover over for an effect where they can then click on them. This will direct the user to a separate page with the recipe for that specific dish. Alternatively, users can click on the recipes link in the navigation bar to view all recipes by text and navigate to the recipe they desire.
About page
In the about page users can find more information about myself and why I created the site based on Vietnamese culture. I’ve kept the descript short as it might be overwhelming to see an abundance of text all at once. By utilizing the typography and maintaining consistency, I wanted to highlight important questions that users may have when coming across the site.
Restaurants Page
The restaurants page of the shows local Vietnamese cuisine in the area. Within the page, there are four restaurants currently, that I have tried all myself and as well as links to google reviews so that users are able to look over reviews of the restaurants that I have recommended.
Recipe Pages
On the recipe pages, each page is formatted the same with minor tweaks in the layout for wording and typography. Here, users can find the recipe for the dish they are looking to recreate. Also included is an image, the same one from the home page, giving the user a closer look to what the dish would look like when cooking, using the recipe provided.