JavaScript HacktoberFest

Open-source JavaScript projects categorized as HacktoberFest | Edit details

Top 23 JavaScript HacktoberFest Projects

  • GitHub repo 30-seconds-of-code

    Short JavaScript code snippets for all your development needs

    Project mention: 30-seconds-of-code: Useful JavaScript snippets that you can understand in 30 seconds or less. | reddit.com/r/programming | 2021-10-01
  • GitHub repo material-ui

    MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

    Project mention: Material UI Theming | reddit.com/r/reactjs | 2021-10-21

    I'm trying to understand how their theming works. For example, how does a button decide which color it should be? the code doesn't seem trivial at all, and it seems to depend on the context of where the button is placed: Button.js .

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: An Evergreen Guide to Hacktoberfest | dev.to | 2021-10-17

    Chart.js

  • GitHub repo Meteor JS

    Meteor, the JavaScript App Platform

    Project mention: Reactive Clojure: You don't need a web framework, you need a web language | news.ycombinator.com | 2021-09-23

    This reminds me of Meteor.js[0] from back in the day (2014?), which had a very similar approach—you wrote code that ran on both the frontend and the backend, and database updates were propagated automatically. It suffered from a pretty hard reliance on Mongodb and its own package manager (Atmosphere), and it was at odds with the rest of the JS ecosystem which was settling on NPM.

    This project looks very cool! I like the focus on composition, Meteor was lacking that (and really, most other frameworks do as well).

    [0] https://www.meteor.com/

  • GitHub repo Strapi

    🚀 Open source Node.js Headless CMS to easily build customisable APIs

    Project mention: Why Headless Is the Future of Mobile Development | dev.to | 2021-10-19

    Are you looking to manage your content more easily and design APIs quickly? The Strapi headless CMS is a leading, open-source system based on Node.js. Our solution is fully customizable, developer-first, and 100 percent JavaScript—making it immediately familiar to most. Strapi is also committed to platform inclusivity, supporting iOS, Android, and progressive web apps.

  • GitHub repo Nuxt.js

    The Intuitive Vue Framework

    Project mention: Can't resolve 'plugin-vue:export-helper' | reddit.com/r/Nuxt | 2021-10-20
  • GitHub repo hackathon-starter

    A boilerplate for Node.js web applications

    Project mention: Rock Solid Express Application Architecture | dev.to | 2021-05-06

    One of these boilerplates is sahat/hackathon-starter with 30k+ stars on GitHub and a huge set of features to get you started with. But what I dislike about this boilerplate is the fact that it's too bloated for my needs. I mostly build APIs with Express and this boilerplate comes with a hefty view layer. I surely can cut that off but other parts of the boilerplate are also well suited for full-stack applications rather than REST APIs.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo github-readme-stats

    :zap: Dynamically generated stats for your github readmes

    Project mention: How I improved my GitHub profile? | dev.to | 2021-10-20

    On one fine day in the second-last week of May 2020, GitHub launched a new feature of creating your profiles in markdown like this. I saw several developers made some really cool addons like adding github-stats, visitors count etc. GitHub Readme Stats developed by Anurag Hazra went viral in just couple of days. Then the idea of creating GitHub Profile README Generator came to my mind.

  • GitHub repo Rocket.Chat

    The communications platform that puts data protection first.

    Project mention: Software developer looking for a customer centric open source product to contribute to. | reddit.com/r/opensource | 2021-10-06

    It's been almost 1.5 years since I started my job as a software developer. I am now looking forward to contributing to cool open source products. I am looking for suggestions on customer ended open source products (like rocket.chat and signal), but one's that don't compete with my company's products :P. Can you guys please suggest some products I can contribute to? I really want to attach myself to an open source project in long term and contribute whatever miniscule amount I can to make things easily available to the masses.

  • GitHub repo react

    Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)

    Project mention: Learning React with Typescript and it's giving me massive headaches.. | reddit.com/r/reactjs | 2021-10-16

    You might find this cheat sheet helpful: https://github.com/typescript-cheatsheets/react

  • GitHub repo date-fns

    ⏳ Modern JavaScript date utility library ⌛️

    Project mention: React/Webpack: From MB to KB. How we solved our bundling problem | dev.to | 2021-10-20

    Second step was removing the “heavy” libraries, it was easy removing Moment.js, Bluebird. We replaced the first with date-fns and Bluebird with native promises. Lodash unfortunately because of time constraints we could not refactor into moving out from some “handy” utilities it provides but we are planning to.

  • GitHub repo Modernizr

    Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

    Project mention: My Current HTML Boilerplate | news.ycombinator.com | 2021-04-27

    Website is unmaintained, check the Github repo for the lastest version.

    https://github.com/Modernizr/Modernizr

  • GitHub repo webtorrent

    ⚡️ Streaming torrent client for the web

    Project mention: Spectrum TV package | reddit.com/r/Hawaii | 2021-10-15

    Por que no los dos? https://webtorrent.io/

  • GitHub repo Nodemon.io

    Monitor for any changes in your node.js application and automatically restart the server - perfect for development

    Project mention: Some Node/JS package best practices | dev.to | 2021-10-21

    While developing your code, you'll want to verify the changes that you're making and make sure they're working properly. Shutting down and restarting this project's web server each time you make changes would be very time consuming, but fortunately there's Nodemon. Nodemon allows you to execute a command (like starting your app), but when it detects changes to files or directories you specify, it will restart that command. This way the effect of your changes can quickly and easily be verified. I've added a script entry in package.json called develop that will (1) transpile the source code (2) start the server and (3) watch for changes to code that could impact the application. When any such changes occur, those steps will be repeated automatically. Sweet! Additionally, Nodemon is configurable so be sure to check out the documentation.

  • GitHub repo jsPDF

    Client-side JavaScript PDF generation for everyone.

    Project mention: Getting inputs then using those to print to a pdf(React) | reddit.com/r/learnprogramming | 2021-05-06
  • GitHub repo Ember.js

    Ember.js - A JavaScript framework for creating ambitious web applications

    Project mention: Which template they are using ?? | reddit.com/r/HTML | 2021-08-05
  • GitHub repo swagger-ui

    Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.

    Project mention: Queria a ajuda de vocês | reddit.com/r/brdev | 2021-10-19
  • GitHub repo Portainer

    Making Docker and Kubernetes management easy.

    Project mention: [Feature Request] Container Auto Update Option. | reddit.com/r/portainer | 2021-10-11

    We're tracking this kind of functionality as a feature request in our Github at https://github.com/portainer/portainer/issues/3434 - if this is something that you'd find valuable head on over and give it a thumbs up.

  • GitHub repo bypass-paywalls-chrome

    Bypass Paywalls web browser extension for Chrome and Firefox.

    Project mention: Vinyl Is Selling So Well That It’s Getting Hard to Sell Vinyl - NYTimes | reddit.com/r/vinyl | 2021-10-21
  • GitHub repo ava

    Node.js test runner that lets you develop with confidence 🚀

    Project mention: Some Use-Cases for JS Generator Functions | reddit.com/r/javascript | 2021-09-02

    But this commit broken the unit tests. I use Ava (the only test runner that allows for async tests, so I can write unit tests in my own language) and snapshots for testing the list structure in few unit tests, and somehow the snapshots differ before and after adding iterator to Lists. I still need to investigate why and try to create simple reproduction for this issue on GitHub avajs/ava#2811.

  • GitHub repo Highlight.js

    JavaScript syntax highlighter with language auto-detection and zero dependencies.

    Project mention: Adding syntax highlighting to a Rails app with PrismJs | dev.to | 2021-10-12

    Next we will add code highlighting with the javascript library Prism. There are other options (like highlightjs), but Prism was the fastest to get running on this Rails blog app.

  • GitHub repo parse-server

    API server module for Node/Express

    Project mention: Looking for a Firebase UI alternative | reddit.com/r/webdev | 2021-10-07
  • GitHub repo JHipster

    JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.

    Project mention: Ć Programming Language | news.ycombinator.com | 2021-10-08

    Not talking about the interesting naming or the circumstances around this particular implementation, what do the people on HN think about the concept of such transpilation?

    I recall taking a course in university about model driven programming - the idea of creating an abstract representation of logic, interfaces and other system components and then generating either full implementations or stubs in multiple languages was an interesting one, even if implementations were really hard to get right.

    In practice, i've mostly only seen one language specific model driven design tools, like JHipster (https://www.jhipster.tech/) or the likes of JPA be reasonably successful, since there's a lot of problems with supporting abstractions across different languages and runtimes, but what has been the experience of others in that regard?

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-10-21.

Index

What are some of the best open-source HacktoberFest projects in JavaScript? This list will help you:

Project Stars
1 30-seconds-of-code 87,380
2 material-ui 72,332
3 Chart.js 55,134
4 Meteor JS 42,635
5 Strapi 40,395
6 Nuxt.js 38,372
7 hackathon-starter 32,405
8 github-readme-stats 32,125
9 Rocket.Chat 30,973
10 react 29,176
11 date-fns 26,939
12 Modernizr 25,055
13 webtorrent 24,792
14 Nodemon.io 23,147
15 jsPDF 22,991
16 Ember.js 22,021
17 swagger-ui 20,958
18 Portainer 19,864
19 bypass-paywalls-chrome 19,416
20 ava 19,349
21 Highlight.js 19,053
22 parse-server 18,992
23 JHipster 18,955
Find remote jobs at our new job board 99remotejobs.com. There are 37 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.