Imgur Explorer

Branches	Functions	Lines	Statements

Example application using ReactJS + Imgur API + vite bundler. Fluid & responsive layout.

• ReactJS in TypeScript
• Vite (fast production bundler)
• TailwindCSS
• Lazy loading & code splitting
• Image modal
• imgur API features
  • Search
  • Sort results
  • Explore tags
  • Item comments (in modal)

If you don't want to register and use the free Imgur API, it will use mocked data/saved responses from the API. It's also useful for faster local development so you don't have to make new requests with every HMR update.

• Mobile 93/100
• Desktop 99/100

yarn
yarn dev

yarn build
yarn serve

1. Free registration
2. Pass the client ID as an environemnt variable (can be in .env or through CLI)
   • PUBLIC_IMGUR_CLIENT_ID=xxxxx yarn dev

• Explore by categories
• Profile login
• Upload images

• ~70% unit test coverage
• Cypress performance & integration tests
• Accessibility tests