Git Product home page Git Product logo

medyo / hackertab.dev Goto Github PK

View Code? Open in Web Editor NEW
561.0 10.0 79.0 2.08 MB

A Chrome ๐ŸŒ & Firefox ๐ŸฆŠ extension to discover the latest developer news and tools in one tab!

Home Page: https://hackertab.dev

License: Apache License 2.0

JavaScript 0.39% HTML 0.31% CSS 17.76% Shell 0.98% TypeScript 80.56%
extension extension-chrome developer hacker-news hackernews devto stackoverflow conferences events github

hackertab.dev's Introduction

Website hackertab.dev Apache 2 license Mozilla Add-on Chrome Web Store Chrome Web Store Rating

Hackertab.dev โ€” All Developer news in one tab!

Hackertab makes it easy for you to stay up-to-date with the latest developer news, tools, jobs and events.

Hackertab.dev

As a developer, it can be difficult to stay on top of everything happening in the field. Hackertab makes it easy by allowing you to customize your default tab page to include news, tools and events from top sources such as GitHub Trendings, Hacker News, DevTo, Medium, and Product Hunt. No matter what type of developer you are, you'll find valuable and relevant information with Hackertab. Don't miss out - give it a try today!

Demo

๐Ÿ‘‰ now.hackertab.dev

๐Ÿ‘ฉโ€๐Ÿ’ป How to use it

  • Install the extension from the Chrome store, or Mozilla add-ons
  • Open a new tab
  • The extension should now be running and visible
  • Select your preferred programming languages and sources.
  • Enjoy

๐Ÿ”ฅ Features

  • ๐Ÿ†• Daily updated content
  • ๐Ÿ’ป Customizable by programming language, framework and topic.
  • ๐Ÿ‘ Curated content from the best sources.
  • ๐Ÿ”– Bookmark and read it later.
  • ๐ŸŒ™ Dark mode for when it gets late.
  • โœจ AI-powered recommendations exclusively tailored to your preferences.

Even more features are going to come in the future!

Data sources

  • Github Trendings
  • Hackernews
  • DevTo
  • Hashnode
  • Lobsters
  • Confs.tech
  • Product Hunt
  • Reddit
  • Freecodecamp
  • Medium
  • Indiehackers
  • or create an issue to ask for a new data source

Support

Please do not hesitate to ask a question, report a bug or add a suggestion. or send an email to [email protected]

Development

Please use the develop branch. don't forget to rename .env.example to .env

$ git clone --branch develop [email protected]:medyo/hackertab.dev.git
$ cd hackertab.dev
$ yarn
$ yarn start
$ # Then visit http://localhost:3000

Maintainers

Licencing

Hackertab is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.

hackertab.dev's People

Contributors

abdallahhemdan avatar aminekarimii avatar aschiavon91 avatar chouikane avatar dependabot[bot] avatar dsaunders avatar hannasution avatar idebenone avatar medyo avatar mohamedelashri avatar mouadziani avatar mustcodeal avatar shisama avatar victor-duarte avatar ysflghou avatar zakariaboualaid 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hackertab.dev's Issues

[Feature] Add TechCrunch data (requires adding functionality to API to parse RSS feed into JSON)

Just a thought, could you add a Techcrunch endpoint to your API so you can have a TechCrunch card? Looks like they have a bunch of RSS feeds that you could parse into JSON and send back to the client. The different feeds (Gadgets, Mobile. Startups, etc) could also be different options for the cards. I was able to get a demo working locally that hits one of the feeds listed at https://techcrunch.com/pages/rssfeeds/feed/ and then uses the xml2js package(https://www.npmjs.com/package/xml2js) to convert the returned XML into JSON. Supporting RSS feeds could also possibly opening up this extension to a bunch more possible data sources.

Consider make "X repos of Y" configurable

We currently could not configure the default value of "X repos of Y" section.

Screen Shot 2021-11-02 at 10 55 58

What would it look like if we add a brand-new config section (2 dropdown list) just under the "Favorite search engine"?

Screen Shot 2021-11-02 at 10 56 50

Pagination-free UI: one single page with all data sources included

Currently, if we follow more than 4 data sources, we need to click next and prev buttons to traverse between pages. (just noticed we could not swipe pages using touchpad with 2-fingers) I thought that the overall UI would be way better if we have an option to toggle one single page with all data sources included feature. One of the caveats is that we might consider reducing the font size to fill all texts in. What do you think? It makes sense? What should we do to get rid of pagination (or at least make it a feature)?

Change the style of scroll bars in firefox

First of all, this is a great extension. But in firefox(especially in linux), the scroll bar looks ugly.
scrollbar
Suggestion: Change the style of the scrollbar to match the theme(especially in black theme).

[Feature] Add more tags

Hello @medyo
Congrats for the great work
I suggest adding more tags like AWS, DevOps, TDD ... so we can monitor everything in the same place

PHP language support

I would like to turn on HTML, CSS, and PHP programming languages.

I would also like to enable WordPress developer job postings.

With those, I would suggest this extension to the jr dev bootcamp participants.

DEV tab only works with a single language

If I remove the language options from the top of the new tab (hackertab) page, the DEV tab is empty. If I add more than one language to my settings, only the first one is reflected in the data retrieved from DEV. This is reflected in the code for the DEV service only accepting a single language tag. There's no indication why no data is displayed if I remove all languages from my interests, and there's no way to choose what I want to see from DEV (unlike the GitHub column).

Horizontal scrolling

Would be nice to have either of the following:

  • horizontal scrolling with trackpad/mouse without having to click the left/right buttons
  • an option to make the boxes are stack vertically instead

New tab stops responding & slowing down the Firefox

Actually, this problem did not exist a few weeks ago. Somehow, every X new tab open, the following case occurs:

Screen Shot 2021-11-29 at 09 22 02

Disabling the expansion fixes the issue.

Hackertab.dev 1.11.1
Firefox 94.0.2
macOS 11

My configuration:

Screen Shot 2021-11-29 at 10 47 23

Any ideas?

Consider make technology selection dynamically

We have to select one of the pre-defined technologies in the dropdown list by design:

Screen Shot 2021-11-02 at 10 46 28

I just wanted to add more tech stacks like: docker, kubernetes, etc. Here is the my proposal:

We can add custom textbox or something here as an input:
Screen Shot 2021-11-02 at 10 49 46

And then we need to ensure that at least there is subreddit or dev.to tag about the given tag:

  • if subreddit not found, it's fine to add in dev.to section only
  • if dev.to not found, it's fine to add in subreddit section only

Wdyt?

cc: @medyo

Spacing issue.

Hi, I am currently using hackertab on web(safari Version 15.6 (17613.3.9.1.5)).

I really love my homepage now! I just wanted to ask, why are the options too close to the search bar.
Everything works fine, i would just like this to have a little spacing like other elements have.
img1
img2

Thank you.

[bug] Chrome web store version 1.1.0 Github repositories value 404

Request URL: https://api.hackertab.dev/data/github/golang/daily.json
Request Method: GET
Status Code: 404 

src/Constants.js_

...
           value: "go",
            label: "Go",
            githubValues: ["golang"],
            confsValues: ["go"],
            stackoverflowValues: ["go"],
            devtoValues: ["go"]
        }, {
...

compare Chrome web store version 1.1.0. the repo master version has been fixed GitHub repository value not found issue

  {
    value: 'go', label: 'Go',
    githubValues: ['go'], confsValues: ['go'],
    stackoverflowValues: ['go'], devtoValues: ['go']
  },

Please release the new version to Chrome web store.
Thanks. a lot (rock)

Bug: GitHub does not list projects if non-existed tag given

A few days ago, @Chouikane did such a cool job about adding "My Languages" option to GitHub and that is awesome! Thanks! ๐ŸŽ‰

There is a small issue about the listing projects though, If I set a non-existed tag, GitHub stops working and does not work as expected. i.e., for Devops tag, maybe another tags. We should probably find a way out to exclude non-existed tags here.

https://api.hackertab.dev/data/github/devops/daily.json <-- 404

v1.11.0

Screen Shot 2021-11-10 at 22 34 40

Ads errors

JS console shows

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' https://*.carbonads.com https://*.buysellads.net https://*.buysellads.com https://*.servedby-buysellads.com https://*.carbonads.net". Either the 'unsafe-inline' keyword, a hash ('sha256-9wgUeE7o26PX9BlGznRgR+gJarj/ugHxm3UOzKP13EE='), or a nonce ('nonce-...') is required to enable inline execution.

I'm worried about this extension calling domains I did not expect, so I'm removing it locally.

[Feature] Chance dev.to blog list section to dev.to + hashnode

Pros: Hashnode according to me is another blogging platform that seems to be up and coming and can be added to the list to bring some diversity to the list but

Cons: This can be discussed upon because if decide to hashnode then there are 20 similar platforms with awesome blogs that can also be added

Some sources stopped working (does not update)

HackerNews seems still working and other ones stopped working for 2 weeks. Any ideas on this? ๐Ÿค”

Reinstalled the extension, also have cleared the all cache and storage from the browser, but the issue still persists.

Version
1.14.3

Screenshot 2022-11-18 at 10 15 13

Add more subreddits within the Reddit tab section

like we can switch between subreddits ,there are more useful subreddits available like

/r/learnprogramming: A subreddit for those looking to learn how to program.
"its already there "/r/programming: A subreddit for those interested in programming and computer science.
/r/coding: A subreddit for coding and programming enthusiasts.
/r/webdev: A subreddit for those interested in web development.
/r/compsci: A subreddit for computer science students and professionals.

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.