GithubHelp home page GithubHelp logo

salaah01 / frood Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 10.35 MB

A portfolio project where the user would be able to order food in a website which is to mimic a takeaway food service. Website uses 2 APIs to produce a map and JS for DOM manipulation and other logic.

CSS 3.50% HTML 1.00% JavaScript 95.50%

frood's People

Contributors

salaah01 avatar

Watchers

 avatar

frood's Issues

New API

Update the API that would retrieve the address

function getLocationAPI(postcode) {
    APIData = new Array();
    postcode = postcode.replace(" ","");
    var url = "http://api.postcodes.io/postcodes/" + postcode;
    const request = new XMLHttpRequest();
    request.open("GET", url);
    request.send();
    
    request.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var data = JSON.parse(this.responseText);
            APIData = 
                {
                    postcode: data.result.postcode,
                    country: data.result.country,
                    city: data.result.region
                };

            return APIData;
        }
    }
    
};

Styling

Styling that needs to be done

Address Field Changes - Redo index.html and basket.html media queries to accommodate the changes to the address fields. - Recheck if any of the CSS is obsolete and remove accordingly.

Menu Overlay

  • Make the plus signs highlight on select and hover
  • 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.