89

HackerNews clone

A website to read the Top10 HackerNews stories.

ReactViteFrontendSPA

Technology Used

  • React with Vite
  • Hacker News API
  • Wouter for routing
  • Styled components

Summary

Exercise commonly used in technical interviews for Frontend / React mid developers. This technical test involves the development of a React application that interacts with the Hacker News API to fetch and display top stories and their comments. The application should incorporate various features such as loading placeholders, infinite scroll, unique URLs, and error handling.

Knowledge applied

  • Fetch and display complex data.
  • Recursive components.
  • SPA and routing.
  • Lazy loading.
  • Use of react hooks like useState, useEffect, useRef.
  • The understanding of custom hooks usage.
  • Loading skelleton UI.
  • Error handling.
  • Componetization.
  • SOLID principles.
  • Unit Testing with Vitest and React Testing Library.