Hacker News Clone

Hacker News API clone for reading post, linking to articles and connecting with users.

⚙ Features

• React 17
• React RouterV6
• React Hooks
• ES8
• RouterV6
• PropTypes
• Light/Dark Theme

👁️‍🗨️ Project Preview

Light Mode	Dark Mode

🗺 URL Tree

├── /               #Home
├── /posts          #Post
├── /posts/:postId  #Post:ID
├── /users          #User
└── /*              #404

🌿 Application Tree

├── README.md
├── package.json
├── 📁 public
│   └── _redirects
├── src
│   ├── 📁 components
│   │   ├── Comment
│   │   │   └── index.js
│   │   ├── Loading
│   │   │   └── index.js
│   │   ├── Nav
│   │   │   ├── components
│   │   │   │   ├── NavHeader
│   │   │   │   │   └── index.js
│   │   │   │   └── ThemeButton
│   │   │   │       └── index.js
│   │   │   └── index.js
│   │   ├── Post
│   │   │   └── index.js
│   │   ├── PostMetaInfo
│   │   │   └── index.js
│   │   ├── PostTitle
│   │   │   └── index.js
│   │   ├── Posts
│   │   │   └── index.js
│   │   ├── PostsList
│   │   │   └── index.js
│   │   └── User
│   │       ├── components
│   │       │   ├── UserAbout
│   │       │   │   └── index.js
│   │       │   └── UserPosts
│   │       │       └── index.js
│   │       └── index.js
│   ├── contexts
│   │   └── theme.js
│   ├── hooks
│   ├── index.css
│   ├── index.html
│   ├── index.js
│   └── utils
│       ├── api.js
│       └── helpers.js
└── webpack.config.js

⛰️ Roadmap

• Looking at more robust versions of this project.

📝 Todos

• Create Pages Folder and restructure
• Link out in new tab.
• Create generative profile image for user.
• User has 0 post, "User has no Posts"
• Home page click button
• Add Favicon
• Add Netlify Badge
• Add URL Links to different Endpoints