Coder Social home page Coder Social logo

rajatkulkarni95 / hckrnws Goto Github PK

View Code? Open in Web Editor NEW
82.0 3.0 7.0 1.06 MB

A custom frontend for a better reading experience of HackerNews

Home Page: https://hckrnws.com

License: MIT License

JavaScript 3.50% TypeScript 87.86% CSS 8.64%
nextjs react stitches hacker-news typescript

hckrnws's Introduction

Hey I'm Rajat!

Helping make your meetings productive @Avoma on the weekdays!

Trying my best on the rest :)

Building Octarine these days!

Come say hi!

hckrnws's People

Contributors

iamlambda avatar rajatkulkarni95 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hckrnws's Issues

Open links in new tab

When I initially tried it, hckrnws used to open links in new tab. That don't seem to be the case anymore. Would it be possible to bring that feature back?

docker

is there any plans for docker-compose?

Add a Sepia theme

I've seen sepia themes to be lighter on the eye for longer viewing times.

Could experiment with that color tone, with users having the option to choose between light/sepia/dark for the app

add HN sections

Adding HN sections (i.e past, show, ask) would be convenient to browse the website with ease. To me, it's the last feature that this project lacks before it becomes the best HN front-end.

Infinite scrolling of posts

While infinite scrolling does make for a better ux since you can endlessly read, it does result in a few drawbacks,

  • No server side rendering, since the fetch needs to be client side
  • No easy way to access pages via url (page/6)

A good way for it to start would be via implementing it for the other tabs like show/ask to see how it works

add link to comment

It would be nice to be able to link to a comment, which will show the comment and its thread. Just like you can do with ycombinator when clicking x hours ago on a comment or the share button on reddit.

Add a link to go to parent comment

I use a RSS reader to get notifications for responses to my HN comments. When I follow these links to view the comments, I'm unable to click the < arrow to view my parent comment because I navigated directly to the child comment.

It would be helpful to have a link to view the parent comment under each comment, like HN does.

Build errors

Ran into this issue while trying to use the docker version, then tried building from source and got these errors. I was able to build myshen's older fork.

Error occurred prerendering page "/ask/2". Read more: https://nextjs.org/docs/messages/prerender-error
SyntaxError: Unexpected token C in JSON at position 0
at JSON.parse ()
at parseJSONFromBytes (node:internal/deps/undici/undici:6498:19)
at successSteps (node:internal/deps/undici/undici:6472:27)
at node:internal/deps/undici/undici:1145:60
at node:internal/process/task_queues:140:7
at AsyncResource.runInAsyncScope (node:async_hooks:204:9)
at AsyncResource.runMicrotask (node:internal/process/task_queues:137:8)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

Build error occurred
Error: Export encountered errors on following paths:
/ask/[number]: /ask/2
at /opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/export/index.js:425:19
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async Span.traceAsyncFn (/opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/trace/trace.js:79:20)
at async /opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/build/index.js:1403:21
at async Span.traceAsyncFn (/opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/trace/trace.js:79:20)
at async /opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/build/index.js:1261:17
at async Span.traceAsyncFn (/opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/trace/trace.js:79:20)
at async Object.build [as default] (/opt/app/node_modules/.pnpm/next@13.2.3_@babel[email protected][email protected][email protected]/node_modules/next/dist/build/index.js:72:29)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.