Giter Site home page Giter Site logo

emmsdan / palindromes Goto Github PK

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

Simple App to check if a word or phrase is a palindrome. and store if it is

License: GNU General Public License v3.0

HTML 9.79% JavaScript 58.83% CSS 31.38%
lets-code-series javascript html palindrome freely

palindromes's Introduction

ABOUT PALINDROME APP

By  [Emmanuel Daniel](mailto: [email protected])
    [emmsdan.github.io](https://github.com/emmsdan/palindromes)

--Description--

        ++  remove space and puntuations
        ++  flip to word right to left
        ++  compare flipped string with orginal input
                --- if word/phrase is same (strict === word) 
                    return true check if it exist in localStorage()
                    if not store in localStorage(),
                    if exist discard and return a message that it alread exist.
                --- if word/phrase is not same
                    just inform user it is not a palindrome word/phrase

PRODUCTION INSTRUCTIONS

**--Installation--**
        1. To use the palindrome app for your project set the following
           > a. clone locally using
                `git clone [email protected]:emmsdan/palindromes.git`
           > b. download and copy file to development folder
        
        2.Dependencies
              
              - code are pure vanilla javascript
              - compatable with es5+
              - html + css are responsive

        3. Usage

{html}

                    <datalist id="wordlist"></datalist>
                    ++Also Include ++
                        ".list as a class to a 'ul' tag e.i"
                        <ul class="list"></ul>

{/html}

{javascript}

                <code>
                    var notificationBoard    =   document.querySelector('.notification'); //where notification will display
                    var userSubmitButton     =   document.querySelector('.userSubmit'); //submit button
                    var wordInput    =   document.querySelector('.wordInput'); // text input field.
                </code>

{/javascript}

{Main Functions} Some of the method/functions can be used as an individual component.

    > ++  notification(message);                      //call this function to display result to user
    > ++  storeLocalStorage(name, value)              //store palindrome in localStorage
    > ++  findWordExist(word, wordlist)               //check if word exist in list
            >++  updateStorage()                         //update localStorage with word/phrase
            >++  registerStorage()                       //register new localStorage with word/phrase
    > ++  displayEntry()                              //display last five entries.
    > ++  addToDatalist()                             //add word/phrase to dom/datalist

{Main Functions}

YOU ARE FREE TO CONTRIBUTE AND SHARE.

FREELY YOU HAVE RECIEVED

FREELY GIVE

@emmsdan

palindromes's People

Contributors

emmsdan 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.