GithubHelp home page GithubHelp logo

layersony / birthday-akan-name Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 497 KB

It's a Web application that calculates the day of the week one was born and output their name depending on the day

Home Page: https://layersony.github.io/birthday-akan-name/

License: MIT License

HTML 38.01% JavaScript 20.38% CSS 41.61%

birthday-akan-name's Introduction

Akan Birthday Names

Created on 10th April 2021

By Samuel Maingi Mutunga

Description

It's a Web Application that uses the Ghanian Culture to Output the User's Birthday ghanian Name which is known as AKAN NAME. It works when the user inputs their Birth-Day and it Calculates the day of the Week they were born and depending on the gender of the User the respective name is Outputted to the Screen.

The Formula Used (DD+(((MM+1)26)/10)+YY+(YY/4)+6*(YY/100)+(YY/400)-1)mod7;

DD - Day MM - Month YY - Year

The Application Preview


Access the website

Need the latest browser to be able to View

Follow this link https://layersony.github.io/birthday-akan-name/

It is hosted by github.


Setup

To access this project on your local files, you can clone it using these steps

  1. Open your terminal
  2. Use this command to clone $ git clone https://github.com/layersony/birthday-akan-name.git
  3. This will clone the repositoty into your local folder
  4. Run index.html with active internet
  5. Enjoy :)

Behaviour Driven Development

  1. Displays Form For Entering Date and Gender

    • INPUT: User Enters Birth-Day via 3 inputs Day, Month, Year
    • INPUT: User chooses either Male or Female
    • OUTPUT: Akan Name is Diplayed According What the User as Entered and Choosed
  2. Displays an Error Message if Date Input Left Blank

    • INPUT: ""
    • OUTPUT: Invalid Day, Enter Between 1 and 31
  3. Displays an Error Message if Month Input is Left Blank

    • INPUT: ""
    • OUTPUT: Invalid Month, Enter Between 1 and 12
  4. Displays an Error Message if Year Input is Left Blank

    • INPUT: ""
    • OUTPUT: Invalid Year, Enter Between 1950 and 2030
  5. Displays an Error Message if One or All Inputs is Left Blank

    • INPUT: ""
    • OUTPUT: Empty Entry, Please Fill the Form
  6. Displays an Error Message if Gender Not Chosen

    • INPUT: ""
    • OUTPUT: Try Again. Select a gender
  7. Clears Form and Reset the Message on Click

    • INPUT: Click Reset Button
    • OUTPUT: Clears the Form Data

Technologies Used

HTML

CSS

JAVASCRIPT

BOOTSTRAP

Git


Contact Details

[email protected]

@Maingi Slack Moringa

Can View My Portfolio --> Click_ME


License

This Project is under the MIT license

birthday-akan-name's People

Contributors

layersony avatar

Stargazers

 avatar

Watchers

 avatar

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.