Coder Social home page Coder Social logo

abhij2127 / userlist-ovyl Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 1.04 MB

It is the the User List Challange given by a tech start-up Ovyl. The link of the challenge is https://olvyhq.notion.site/Build-a-Users-List-77c496c2efc649a1994862b449a1382b .

License: Apache License 2.0

Hack 7.69% JavaScript 46.93% CSS 18.91% PHP 26.47%

userlist-ovyl's Introduction

UserList-Ovyl

It is the the User List Challange given by a tech start-up Ovyl. The link of the challenge is https://olvyhq.notion.site/Build-a-Users-List-77c496c2efc649a1994862b449a1382b .

  1. For proper testing of code please run the project with a live-server or localhost else you will face the errors and code may not work.
  2. You can use the live-server in node.js or XAMPP server or whatever you fancy.
  3. dba.json is the sample JSON database consisting of 20000 dummy users.
  4. The file index.php is the landing page of the project. when run with localhost it will show the data of all the users and search options.
  5. The mn.js is the main driver code that renders the data from dba.json using XHR i.e XML HTTP Request.
  6. The test.js does the same work as mn.js but it uses fetch API instead of XHR.
  7. The difference between rendering session time of mn.js and test.js is negligible hence they are comparable in performance.
  8. You can change the src attribute of script tag in index.php to "./test.js" for checking it out, by default it is set to mn.js.
  9. style.css is the stylesheet linked to both search.php and index.php.

Note - If you are using node.js live-server change the name of index.php to index.html and move the readme file to some other directory before executing.

userlist-ovyl's People

Contributors

abhij2127 avatar

Watchers

James Cloos avatar  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.