Giter Club home page Giter Club logo

worksample-frontend's Introduction

Frontend Worksample

This repository contains everything you will need to create your worksample when applying as a frontend developer at Odd Hill.

What you will be building

You will be creating markup and styling for a fictional community for books. The website lets users rate, review and search books and much more.

Expectations

We expect you to build everything from the ground up. You are NOT allowed to use any frameworks like Boostrap or Tailwind CSS.

You are expected to build at least one of the pages in the design with responsive styling. You may exclude certain parts of the page if you dont have the time to complete them all.

You are allowed to use a bundler like Webpack, Parcel or otherwise to build the worksample but it's not a requirement.

The project should be built with HTML and CSS or SCSS.

You are expected to built the project with components in mind and you should follow the BEM way of naming classes.

The final work sample should include a readme on how to get the project up and running and what requirements that must be met.

You are not expected to include any JavaScript but if you want to make the menu interactive you may include JavaScript but avoid using frameworks like jQuery and instead focus on writing Vanilla JavaScript.

We expect you to host the code as a repository on Github or GitLab under your own profile.

The design

The design for the worksample is hosted on Figma and you may view it by going to the following link.

https://www.figma.com/file/Uvn8XKhpvwzej0q38m3hkl/Bookplace?node-id=0%3A1

If you have time

If you have the time you may build at least one of the pages in the design with a JavaScript framework. Since we mostly work with React we would prefer it if you also build it with React.

If you have even more time

If you have even more time build all of the pages in a JavaScript framework and build some of the interactive elements like the rating.

Remember to have fun!

This work sample is not about pointing fingers if something is off. We want to see how you think and how you adapt requirements into code.

worksample-frontend's People

Contributors

normysan avatar antonranestam avatar

Stargazers

Sami N avatar John Basile avatar Dennis Mathenge avatar Jonas Ahrens avatar

Watchers

James Cloos avatar  avatar  avatar Calle Tuvesson avatar Jonas Ahrens 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.