MartinClement / hackerNewsTest

Technical test based on hackerNews API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React + TypeScript + Vite

In order to setup this little project as fast as possible, I've been using vite and its react-ts template

npm create vite@latest hacker-news-test -- --template react-ts

Run the application

Nothing special!

npm install
npm run dev

Additional libraries

Name Description Doc
dayjs Lightweight library to ease Js Date manipulation https://day.js.org/
axios Ajax library to easy Ajax call https://axios-http.com/docs/intro

Context

This project aimed to use the hackernew API to gather the most populars posts.

Requirements

  • Use ReactJS
  • Use Typescript
  • Use Hackernew API

Required Functionalities

  • Show 20 last posts at load
  • Show next 20 posts on demand
  • Refresh the list each 20 sec
  • Refresh the list on demand

About

Technical test based on hackerNews API


Languages

Language:TypeScript 75.5%Language:CSS 19.2%Language:JavaScript 2.9%Language:HTML 2.4%