Code Monkey home page Code Monkey logo

frontend-assessment-part-1's Introduction

Exygy Frontend Assessment

This project was initialized with Create React App and Typescript.

Bloom is an Exygy product that helps people learn about and apply for affordable housing listings. Taking inspiration from Bloom, this assessment asks you to build a visual directory of housing listings.

We want you to use this repo as a starting point to build a single page application using React that displays the included mock listing data in a vertical list where each listing looks like the card in this Figma file. The password for file access is best_of_luck!.

Your result doesn’t have to be pixel-perfect, but we are interested in seeing how closely and cleanly you can recreate the design. This kind of ask is something you would find yourself doing in this role.

Create React App sets up Jest and React Testing Library for you if you would like to write unit tests, but we are not asking for unit tests.

We know that any at-home work in an interview process requires your time, and we want to be respectful of that time while also ensuring this role is a good fit for you. Please do not spend more than 3 hours on this assessment. If you run out of time to complete what you wanted, that’s okay! We look forward to having a conversation with you about what you completed.

If you do not anticipate having the space to complete this assessment, please let us know, and we will work with you to find alternatives. There is not a harsh deadline on returning the assessment after receiving it.

We ask that you do not use any outside design system libraries (like Material UI or Bootstrap), but you are free to use more low-level CSS tools if you wish (like Tailwind, Emotion, SASS).

You can share your project with us as a repo on GitHub (@seanmalbert, @ludtkemorgan, @emilyjablonski, @yazeedloonat, @kramduckner, @colinbuyck, @adriencyberspace, @chadbrokaw-exygy) or as a zip file in your email chain. We look forward to seeing it!

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

frontend-assessment-part-1's People

Contributors

emilyjablonski avatar chadbrokaw avatar

Watchers

Jesse James Arnold avatar Pierre Hunault avatar James Cloos avatar Ben Kutler avatar Sean Albert avatar

Forkers

nathandaly

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.