Code Monkey home page Code Monkey logo

css-technical-test's Introduction

Festicket technical CSS test

Getting started

This project requires node & npm. You can install node via brew or nvm

  • Step 1:

Fork the repo and clone it locally.

  • Step 2:
npm install
  • Step 3:
npm run start

This should get your server running.

Assesment

The server is setup to retrieve repo data from Github. Be sure to create a Github access token. Install dependencies and start the server. Open 'http://localhost:3000?token={your-token-here}', you should see a list of repo names.

Your task is to create a functional repository viewer. The brief is intentionally loose and should give you good scope to get creative. Currently only repo names are displayed, add any data you feel is required. All the repo data from github is passed to the template context, you can see this in views/index.hbs.

The aim of the task is to asses your ability to prioritise data and display it in both a visually appealing and functional way. We want to see clean semantic markup. We expect clean efficient css, without the use of a pre-processor.

Spend no more than 3 hours on the project.

Once you are finished please issue a pull request to the original festicket repo. If there are features you didn't have time to complete the PR would be a good opportunity to express your intentions and your vision for the completed application. A member of the festicket front end team will review your PR, this should give us a lot to talk about in the face to face interviews.

Assets

Styles should be placed in public/css. Javascript can go into public/main.js.

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.