Project Overview
This application is a prototype for a climate data based web app based for farmers only in the United States. Its main job is to help farmers out in regards to knowing the best time to plant their crops in order to maximize output of crops and efficiency of the farmer. The web application prototype currently has a home/index page and a search page. Currently, the button and search bar do not work on the second page as it is still in the early stages of development.
Page Description
So far for this web application, it has two pages. It has a home page and a search page named SearchResults.cshtml. Both pages have css and bootstrap. I used the yeti bootstrap theme from bootswatch.com. There is a lot of css throughout both pages of the assignment and you can look at that under the site.css folder. Using css we added decorations to our table and also changed the lettering and style of different headers. Both pages are written in the Courier New, monospace font. The three colors used on both pages are forest green, saddlebrown, and ivory.
Home Page
The home page starts with a welcome message that is a h1 header that is bolded using a command. The h1 header has saddle brown underline underneath it. Beneath the h1 header is a h2 header that states the goal of the web application and it is also bolded using the command. Following the h2 header with our mission/goal is our <a anchor href link to our other page "SearchResults'' and the link says "start here." In order for the link to be centered, I used a
command. The last thing on the homepage is a picture of a large farm field. For this, I also had to use a separate command for it to be in the middle as if I did the command along with the link above it just placed them next to each other and it does not look good.SearchResults Page
The SearchResults starts off with an h2 header that directs them to use the two search bars below to solve their issue. Between the h2 header and the search bars however there are three emojis. I added the three emojis so it did not look so robotic and lame. The emojis are a rice plant, corn cob, and a potato. I input these emojis by using a h2 align command and placed them in the center.
Underneath the emojis are the two search bars. One of the search bars asked "where are you located" and the other asked "what crop are you planting." These two search bars are not functional yet for searching but you are able to type in them. Beneath the search bars is a functional button that you can click but it does not actually gather your location yet. Following the button we have an h2 header that is the title for the table that follows it. The table is simple but I used css to change the color to forest green and width to 3px to make it look more appealing.
Research Summary
The first website I am looking into is accuweather.com. https://www.accuweather.com/en/us/morgantown/26505/weather-forecast/331473?city=morgantown is the url when I search Morgantown as the location. There is a question mark in it and after is the query searched which was Morgantown. There is a lot of bootstrap usage as to build the intricate website it must have it to customize the site and help make it responsive for the user. Another thing I noticed on this page is a large amount of CSS to create borders and words fonts that look good for the user. I also noticed that the website has advertisements on it as well. One thing I like about this website is their header and how they have it so I will probably use something similar to this