Code Monkey home page Code Monkey logo

oa-2023-24's Introduction

DSSD 2023-2024 Admissions Assessment

This repository has starter code that you will build on to show your skills as a developer. Fork this repository to get started on your own copy.

Currently, the repository contains some frontend code for a webpage with a graph (made with Plotly.js) populated with mock data recieved from a backend server.

Your job: Populate the graphs with real data.

Your "real data" can come from anywhere: a file that you find on something like kaggle, an enterprise API, Google BigQuery, etc.

To do this, either modify the sample Express.js backend in the backend folder, or create a new backend in your language/framework of your choice.

Since most backends will need environment configurations for secret credentials and such, and might require different steps to run locally, we require you to deploy your backend. One free and easy to use service that supports most popular runtime environments is render, but feel free to use whatever service you'd like. You can just hardcode the URL to your deployed backend endpoint like the sample code has done in graph.mjs.

Make sure to update the webpage to explain the data that your graphs are populated with.

We will view your submission using the VS Code Live Server Extension to serve the frontend on http://localhost:5500, so make sure that is whitelisted for cors on your backend server

Ways to go above and beyond include, but are not limited to:

  • use a practical data source i.e. not just a file
  • make your graph update in real time
  • apply some secondary processing on the data i.e. create new insights on the data
    • the more advanced the data science technique, the more impressed we will be
  • improve the visual appeal of the webpage

oa-2023-24's People

Contributors

jackblake-zkq avatar d-pande 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.