This project is focused on on a website that teaches kids between the ages of 3-15years on how to read and speak the indigenous Yoruba Language. Our website is built for parents, guardians, children and schools that are interested in sustaining the indigenous language.

The users will find all relevant information about the Yoruba Language club; our offerings, meeting times, and a sign up form.

The idea behind the project is to be able to sustain the yoruba language for generations to come.

• to sustain the indigenous yoruba langauage
• to support parents, guardians and schools that wants their kids to learn the language.
• to be accessible to our target audience in their various locations.

• user-friendly
• stand-out design with beautiful colors
• easy to use navigations

Our website is targeted at young parents, guardians who would like their kids to learn the yoruba language.

• The home page shows an image of kids studying, this provides potential users that the language club is for kids.
• users are able to navigate our through our webpages.
• Users get more info about our club days.
• Users get more info about what we offer.
• There is list of our social media icons that takes users to our various social media pages.
• Our sign up page, is a call to action for users to enrol their kids in our club.

• Navigation
  • This features at the top of the page, it shows the club name at the left corner: Yoruba Language Club that links to the top of the page.
  • The other navigation links are to the right: Home, About us and Sign up. The home is the landing page, the about us and sign up links to another pages set up for About us and Sign up Form.
  • The navigation tells the user the name of the club and website and makes the differnt pages easy to find.
  • Users can easily navigate back to the main page from the About us page and sign up page.

  

• The Header
  • The header shows the name of the club using a very dark shade of lemon color.
  • It explains the age brackets for the kids 3- 15years.
  • It also features a provoking thought on sustaing the yoruba club which also has an embedded link to the About us page.
  • The section provides users with clear information about what the site is and who the club is for.

  

• The About us
  • The About us section gives details about what the club offers, their members and the club's schedule.
  • This section shows the user the important information they need to know about the club.

  

• The Sign up Form
  • it allows users to enroll and join our club

  

• Social media links
  • This section has the social media icons, so users can find more information about the yoruba club on facebook, instagram, twitter and youtube.
  • The icons when click on takes the user to the respective url.
  • It gives the users ability to find and contact the club if they need to.

  

• The page works in different browser; Chrome, Safari, and my mobile device (iPhone11).
• I confirm that this project is responsive, looks good and functions on all standard screen sizes using devtools device toolbar.
• I have used the http://ami.responsivedesign.is/ website to check the render on different sceens.
• I have tested that the navigation, header, about us, sign up text are all readable and easy to understand.
• The sign up form works, it requires entries in every field and will only accept an email in the email field, the submit button also works.

The major challenge that I experienced was media screen responsiveness.

• I was able to get support from Tutor me and my mentor
• I also used chrome dev tools to carefully choose devices to work on my 3pages and their alignment.

• HTML
• No errors were returned when passing through the official W3C validator.
• CSS
• No errors were returned when passing through the official W3C validator.
• Accessibilty
• I confirmed that the colors and fonts chosen are easy to read and accessible by running it through lighthouse in devtools.

• Balsamiq Wireframes: this was used to originate the idea, the mainframes for this project to have a better picture of the end project.
• HTML: we used this to build all the webpage for this website.
• CSS: this was used to style our various pages.
• Gitpod: is an online IDE for GitHub and GitLab that launches ready-to-code dev environments for any project with a single click. www.gitpod.io www.gitpod.io
• Github: provides hosting for software development version control using Git. www.github.com
• Chrome Dev Tool: this was used extensively to test debug my code.
• W3C Markup validation service: it was used to test my html and css codes for validation. https://validator.w3.org/

The site was deployed to GitHub Page. The following steps were taken for deployment:

• I created a repository on mygithub
• I have saved, commited and pushed every changes to github.
• In the github repository I navigated to the settings tab
• I used the drop-down menu to select master branch as a publishing source and saved it.
• Refreshed the github page, and a link was provided to the completed website https://kiksgold.github.io/Yoruba-language-club/

• ReadMe template from The coding club.
• The Love Running Project
• Fontawesome
• W3schools for my code referencing https://www.w3schools.com/howto/
• Adobe Stock for all my images https://stock.adobe.com/ng/Libraries

A special thanks to my hubby for his all round support in making sure this project was a success. Thanks for all the cup of Teas.