Giter Site home page Giter Site logo

giphy-search's Introduction

Giphy Search

  • Doug Mason

About

The project was built with the following:

  • React
  • TypeScript
  • Emotion for CSS-in-JS styling
  • Ant Design for UI elements
  • Storybook for building components in isolation

How To View

How To Build

  • To run the project locally run npm run start or yarn start
  • To run the storybook project locally run npm run storybook or yarn storybook

Notes

Areas to work on if I had more time

  • I ran out of time to work on the Load more functionality
  • I would polish up the UI more. It's pretty basic at this point.
  • The design is somewhat responsive, but given more time I would have better met the mobile requirements
  • Accessibility could be improved. I was careful to use focusable elements so that clickable items could be navigated to via the keyboard and screen readers could focus on them, but there needs to be better ARIA support.
  • There are no tests. Considering the time crunch, I opted to use TypeScript to catch any compile time errors I would have encountered otherwise. So even though I didn't spend time writing tests, I leveraged TS to give me some stability at no cost.

giphy-search's People

Watchers

James Cloos avatar Mark Frey avatar Douglas Mason 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.