Giter Club home page Giter Club logo

wmolineros-ireland-self-build_augresub's Introduction

By Wanda Molineros

Strategy

Objective: This website provides advice to first time builders on how to build their home in Ireland from start to finish depending on a couple of criteria and options to consider. Considerations should be given to the following dependencies: Changing prices of materials, income, site owner or inheritance, mortgage, size, location, planning permission

Topics Based on Experience: Contractor or Direct labor, Manage expectations, Renting or living at home, plumbing for type of toilets and taps, consider dependencies

Details to consider: Mortage, Stages of Build, Type of home: Single story, Two story, 1.5 story, bedrooms, Kitchen, Living Areas, Utility, Bathrooms, Outdoor Finishings, Indoor Finishings, Garden, Gallery of previous experience

Scope

Irish first time buyer (future home owners)

Structure

Frontend Overview: The frontend was built using HTML and CSS.

  • The structure is designed in such a way to allow the user to view information on specific topics that are essentail to the build. An introductory message can be seen when the user first enters teh page. The main advice is added to the middle of the home page. The user can therefore go directly to the specific topics view in the center of the home page or scroll down and view topics as you move through the page.

Introductory-Message

  • In the menu section, the user also has the option to view the experiene gallery and the cost link. The experience gallery shows pictures of some of the topics and advice discussed in the home page.The cost link shows how to use excel to manage the additional costs of a build.

Menu-Section

  • The home page will flow from the general advice to more specific topics section and additional information on planning permission link. Then the footer contains details to the Ireland self build Ireland group, pinterest (visualisation tool for the self build), Victoria plumbing details are also added as an affordable option for toilets, and the official Self Build website in Ireland.

Skeleton Plane

Citations include the following: Love Running Website,terminology from Selfbuild.ie website, Victoria plumbing site, facebook selfbuild page. In addition, all images are from Wanda Molineros' own personsal selfbuild.

Surface: Visual Design

Font Used: [Poppins ExtraLight 200(Google Fonts)] (https://fonts.google.com/specimen/Poppins?query=poppins)

  • Slimy Green: '#149429'
  • Cultured: '#ECEFF0'
  • Eeire Black: '#252525'
  • Chocolate Web: '#D16908'
  • Lincoln Green: '#064D0F'

Ireland-SelfBuild

Images Used All images used were from Wanda Molineros' self-build.

Testing Steps

The following testing steps were executed:

  1. Go to The W3C Markup Validation Service and add HTML code.
  2. Identify "Errors" and "Warnings".
  3. Correct each error and warning that is identified.
  4. Go to The W3C Markup Validation Service and add CSS code.
  5. Identify "Errors" and "Warnings".
  6. Correct each error and warning that is identified.

Errors Identified

HTML

  • Duplicate end tags. The tags were removed to correct the error.
  • Break elements after list elements. This was corrected by adding the break within the list element.

CSS

  • font-weight with an invalid px number. This was corrected by deleting and coding "bold" in its place.

Site Deployment

Step-By-Step

  1. Go to Github "Ireland-Self-Build" repositry space.
  2. Select "Settings" above "Go to file" button.
  3. Scroll down to Github pages and select the "Check it out here!" link.
  4. Select "main" branch.
  5. Select "save" to deploy the published site details.

Ireland Self Build Website was created by Wanda Molineros. This page was last edited on 21 August 2022, at 09:50 (GMT).

wmolineros-ireland-self-build_augresub's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.