Hacker News

🔥 Table of Contents

• Built With
• Overview
• Features
• How to use
• Contact
• Acknowledgements

Built with

Overview

💻 Desktop version

📱 Mobile version

Features

This is a project that started with npm init vite@latest hacker-news -- --template react-ts, started as a result of a frontend development challenge by REIGN.

How To Use

Step 1. Getting Started

To clone and run this application, you'll need Git, Node.js (which comes with npm) installed on your computer and Yarn. From your command line:

# Clone this repository
$ git clone https://github.com/jcarlos0511/hacker-news.git

# Enter the created folder
$ cd hacker-news

# Install dependencies
$ npm install

# or
$ yarn install

Step 2. Set up environment variables

Create a new file .env.local (which will be ignored by Git):

touch .env.local

Set variable on .env.local:

VITE_APP_API_BASE_URL : https://hn.algolia.com/api/v1

# Run the app
$ npm run dev

# or
$ yarn dev

# Visit http://localhost:3000/

Open http://localhost:3000 with your browser to see the result.

Acknowledgements

• React TypeScript Cheatsheets
• Use react-error-boundary to handle errors in React
• How to use React Context effectively
• Storybook for vite
• Deploy storybook with chromatic
• Cypress tutorials
• Continuous integrations with cypress
• Infinite Queries
• Marked - a markdown parser

Contact

• GitHub @jcarlos0511
• Twitter @jncarloschara