InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises. Learn more →
Top 23 JavaScript HacktoberFest Projects
-
So I went to optimize the way how our errors are handled with react-query, axios and Sentry. Let's have a look!
-
material-ui
MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
1. Material UI
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: What is the best Chart library for data vizualisation ? | reddit.com/r/sveltejs | 2023-02-02
So, the obvious and best IMO candidates are https://www.chartjs.org/ and https://echarts.apache.org/en/index.html .
-
Project mention: 10 GitHub Repositories You Should Know as a JavaScript Developer | dev.to | 2023-01-27
+51.8k ⭐ ️=> https://github.com/leonardomso/33-js-concepts
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.
These aren't exactly what you're asking for, but worth considering: pocketbase or maybe something like strapi.
-
You can find a few different stat widgets on anuraghazra's repo. They are fairly customizable and allow you to hide stats that may not be that flattering or could be misleading.
-
Project mention: If You Were Building Chess.com Today, Which Tech Stack Would You Use and Why? | reddit.com/r/webdev | 2022-12-18
you could build the whole thing with meteor.com and React
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
Project mention: Looking for a solution to setup an online gallery for photos. | reddit.com/r/selfhosted | 2023-02-01
Depending what exactly you are trying to achieve https://ghost.org/ might be a tool to achieve this. Beautiful ui and easy to setup.
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
Project mention: Using TS with NextJS and the proper way to learn | reddit.com/r/nextjs | 2023-01-30typescript-cheatsheets / react
-
Project mention: Mon dernier projet perso : une carte interactive de la Terre du Milieu | reddit.com/r/developpeurs | 2023-02-01
-
3. Node.js Hackathon Starter
-
In the following example, we have a user profile component that renders a list of the user's skills. Each skill has a name and a description. The description is served as markdown and we need to parse it to HTML before we render it. We can do this with a markdown parser (marked, in this case) and use dangerouslySetInnerHTML to inject the HTML into a
-
I stand corrected. https://webtorrent.io/ is a mediaclient implement in js which uses the BitTorrent protocol.
-
Project mention: File upload component. How to use form.progress for multiple files uploaded (inertia+vue)? | reddit.com/r/vuejs | 2023-01-18
I would look at Uppy.js, I've used it in an enterprise application and it works super well, makes it super easy to do what you're trying to achieve with progress bars for each file.
-
So, as advised on the github page https://github.com/parallax/jsPDF i tried to source the new version of jsPDF using either the first or second src that you see in comment in the code below.
-
select2
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
Project mention: I am trying to make a minimalistic NHL Stats website. I would really appreciate some feedback! | reddit.com/r/hockey | 2022-12-05 -
Modernizr
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
What is the meaning of polyfills in HTML5? I saw this word in many sites about HTML5, e.g. HTML5-Cross-Browser-Polyfills.
-
It'd be weird to exclude any repositories, even the sponsors' ones. Like, sure, it's an ad for them (so is wearing a t-shirt with their logo), but at the same time, they maintain some cool projects, like digitalocean/nginxconfig.io. It'd be a shame if people who genuinely want to improve this tool wouldn't get rewarded for that, only because it's DigitalOcean's.
-
Nodemon.io
Monitor for any changes in your node.js application and automatically restart the server - perfect for development
Nodemon
-
JavaScript
Algorithms and Data Structures implemented in JavaScript for beginners, following best practices. (by TheAlgorithms)
Project mention: Unlock Your Full Potential as a JavaScript Developer: Dive into these Top GitHub Repositories and supercharge your skills! | dev.to | 2023-01-14The Algorithms JavaScript GitHub Repo
-
Project mention: I am 90% sure that most of my leadership at J2 also OE lol | reddit.com/r/overemployed | 2023-01-19
-
swagger-ui
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.
All of the docs in the swagger.io must be written in YAML format, which I think it is easier to work with.
-
Ember is a framework for ambitious web developers. It is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device. It has been around for more than 10 years and is still preferred and used by a lot of companies.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
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 2023-02-02.
JavaScript HacktoberFest related posts
- Obamna🥺👿
- Got my Steam Deck recently. I set up DOSBox to play some old classics on my TV.
- What do I play if I want to play 1. e4 e5 with black?
- "Doctors hate this one secret."
- Adding multiple "Fronts" to a note with one "Back", so that it creates multiple cards?
- Help with PF2 Scribe tool?
- The road from Ember classic to Glimmer components
-
A note from our sponsor - InfluxDB
www.influxdata.com | 3 Feb 2023
Index
What are some of the best open-source HacktoberFest projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | axios | 98,447 |
| 2 | material-ui | 84,310 |
| 3 | Chart.js | 59,677 |
| 4 | 33-js-concepts | 54,395 |
| 5 | Strapi | 51,565 |
| 6 | github-readme-stats | 51,328 |
| 7 | Meteor JS | 43,254 |
| 8 | Ghost | 42,351 |
| 9 | react | 39,159 |
| 10 | Leaflet | 36,654 |
| 11 | hackathon-starter | 33,996 |
| 12 | marked | 29,007 |
| 13 | webtorrent | 27,459 |
| 14 | Uppy | 26,369 |
| 15 | jsPDF | 25,902 |
| 16 | select2 | 25,509 |
| 17 | Modernizr | 25,395 |
| 18 | nginxconfig.io | 24,954 |
| 19 | Nodemon.io | 24,899 |
| 20 | JavaScript | 24,643 |
| 21 | remote-jobs | 23,726 |
| 22 | swagger-ui | 23,320 |
| 23 | Ember.js | 22,381 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com