TypeScript HacktoberFest

Open-source TypeScript projects categorized as HacktoberFest

Top 23 TypeScript HacktoberFest Projects

  • freeCodeCamp

    freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.

  • Project mention: Top 10 GitHub repositories with the most ⭐️ | dev.to | 2024-05-18

    👉️ Link Github: https://github.com/freeCodeCamp/freeCodeCamp

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  • Project mention: Ask HN: Is there a react test framework that works? | news.ycombinator.com | 2024-05-24

    > [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]

    What is that supposed to represent in terms of pagination? Are they cursors...?

    > I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.

    For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.

    For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.

    But then again I'm bad at math and division, lol, so maybe it's just my own weakness.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • Project mention: Build a Scalable REST API with TypeScript, Express, Drizzle ORM, and Turso Database: A Step-by-Step Guide | dev.to | 2024-05-27

    To best illustrate this concept, I made a little sketch using excalidraw:

  • Nest

    A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀

  • Project mention: Why is no Laravel/Rails in JavaScript? Will there be one? | news.ycombinator.com | 2024-05-30
  • Grafana

    The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

  • Project mention: Using Cloud Monitoring to Monitor IRIS-Based Applications Deployed in GKE | dev.to | 2024-05-23

    In this article, we’ll look at one of the ways to monitor the InterSystems IRIS data platform (IRIS) deployed in the Google Kubernetes Engine (GKE). The GKE integrates easily with Cloud Monitoring, simplifying our task. As a bonus, the article shows how to display metrics from Cloud Monitoring in Grafana.

  • Strapi

    🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  • Project mention: Build a Personal Target Tracking Application with Flutter Riverpod and Strapi GraphQL | dev.to | 2024-05-29

    Before starting the tutorial on developing a personal target tracking application with Flutter, Riverpod, Strapi, and GraphQL, ensure you meet the following requirements:

  • Hoppscotch

    Open source API development ecosystem.

  • Project mention: Hoppscotch vs Postman - Why choose Hoppscotch? | dev.to | 2024-05-21

    At Hoppscotch, our mission is to make API testing accessible to everyone involved in the product development process, whether they are technical or non-technical. This is one reason why Hoppscotch has a web app that can be accessed without an account.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • Docusaurus

    Easy to maintain open source documentation websites.

  • Project mention: How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases) | dev.to | 2024-05-22

    Learn more about Docusaurus in its official documentaton

  • nuxt

    The Intuitive Vue Framework.

  • Project mention: Let's Build an E-Commerce Store with Nuxt.js | dev.to | 2024-05-28

    After careful consideration, I've made the strategic decision to use Nuxt.js as the primary development framework for our e-commerce project. Nuxt.js offers an amazing set of features and benefits that align perfectly with our project requirements and objectives. Its powerful capabilities in server-side rendering, code organization, and simple Vue.js integration make it an ideal choice for building dynamic and scalable web applications.

  • DefinitelyTyped

    The repository for high quality TypeScript type definitions.

  • Project mention: ⚛️ Explaining React's Types | dev.to | 2024-03-27

    Prior to React 18, it used to include an implicit children prop, making it suitable for components expected to have children. For a long time, though, the implicit children prop type has been removed according to React 18's type changes.

  • zustand

    🐻 Bear necessities for state management in React

  • Project mention: State Management with Zustand | dev.to | 2024-05-24

    As we all know state management can be challenging, especially when we have parent with nested children and passing props down from a parent component to children..and normally in the past I would use context from React together with a provider..but it happened that somewhere in the middle between the children the state wasn't updating correctly. So I was looking around for an alternative and came across with zustand

  • nocodb

    🔥 🔥 🔥 Open Source Airtable Alternative

  • Project mention: Open-Source Alternative to Airtable | news.ycombinator.com | 2024-05-01
  • Appwrite

    Your backend, minus the hassle.

  • Project mention: How I use Appwrite Databases with Pinia to build my own habit tracker | dev.to | 2024-04-14

    If you haven't tried Appwrite, make sure you give it a spin. It's a open source backend that packs authentication, databases, storage, serverless functions, and all kinds of utilities in a neat API. Appwrite can be self-hosted, or you can use Appwrite Cloud starting with a generous free plan.

  • Rocket.Chat

    The communications platform that puts data protection first.

  • Project mention: Rocket.Chat: Surprising user limit in 6.5.0 | news.ycombinator.com | 2024-01-19
  • date-fns

    ⏳ Modern JavaScript date utility library ⌛️

  • Project mention: Date Formatting: Carbon, date-fns, and Vanilla JS | dev.to | 2024-05-16

    Working with dates and times is an essential part of web development. Whether you're building a blog, an e-commerce site, or a personal project, handling and formatting dates correctly can greatly enhance user experience. In this blog, we'll explore date formatting using three different methods: Carbon (PHP), date-fns (JavaScript), and Vanilla JS Date. We'll provide examples for each to help you understand how to format dates in various contexts.

  • TypeORM

    ORM for TypeScript and JavaScript. Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

  • Project mention: NodeJS Security Best Practices | dev.to | 2024-02-19

    If you use Sequalize, TypeORM or for MongoDB, we have Mongoose these types of ORM tools, then you are safe by default because these help us against the SQL query injection attacks by default.

  • novu

    Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.

  • Project mention: How To Build Your Own Newsletter App? р.2 | dev.to | 2024-05-16

    import { Body, Column, Container, Head, Heading, Hr, Html, Link, Preview, Section, Text, Row, } from "@react-email/components"; import * as React from "react"; const EmailTemplate = () => ( Hello WorldPreview> Hello WorldHeading> Column> Row> Section> Hey Emil,Text> CoolText> Section> Container> You're receiving this email because your subscribed to Newsletter App Text>

    Newsletter Appstrong>, ©{" "} NovuLink> Text> Section> Body> Html> ); export default EmailTemplate; const main = { backgroundColor: "#f3f3f5", fontFamily: "HelveticaNeue,Helvetica,Arial,sans-serif", }; const headerContent = { padding: "20px 30px 15px" }; const headerContentTitle = { color: "#fff", fontSize: "27px", fontWeight: "bold", lineHeight: "27px", }; const paragraph = { fontSize: "15px", lineHeight: "21px", color: "#3c3f44", }; const divider = { margin: "30px 0", }; const container = { width: "680px", maxWidth: "100%", margin: "0 auto", backgroundColor: "#ffffff", }; const footer = { width: "680px", maxWidth: "100%", margin: "32px auto 0 auto", padding: "0 30px", }; const content = { padding: "30px 30px 40px 30px", }; const header = { borderRadius: "5px 5px 0 0", display: "flex", flexDireciont: "column", backgroundColor: "#2b2d6e", }; const footerDivider = { ...divider, borderColor: "#d6d8db", }; const footerText = { fontSize: "12px", lineHeight: "15px", color: "#9199a1", margin: "0", }; const footerLink = { display: "inline-block", color: "#9199a1", textDecoration: "underline", fontSize: "12px", marginRight: "10px", marginBottom: "0", marginTop: "8px", }; const footerAddress = { margin: "4px 0", fontSize: "12px", lineHeight: "15px", color: "#9199a1", };

  • appsmith

    Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.

  • Project mention: PocketBlocks alternatives - ToolJet, illa-builder, appsmith, Refine, and openblocks | libhunt.com/r/pocketblocks | 2024-05-21
  • Portainer

    Making Docker and Kubernetes management easy.

  • Project mention: Homelab Adventures: Crafting a Personal Tech Playground | dev.to | 2024-04-22


  • floating-ui

    A JavaScript library to position floating elements and create interactions for them.

  • Project mention: Frontend resources! 🚀 | dev.to | 2024-05-25

    Floating UI (Tooltips): Floating UI for interactive tooltips

  • Uppy

    The next open source file uploader for web browsers :dog:

  • Project mention: Uppy: Sleek, modular open source JavaScript file uploader | news.ycombinator.com | 2024-05-04
  • Mattermost

    Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..

  • Project mention: Slack AI Training with Customer Data | news.ycombinator.com | 2024-05-16

    This feel like a corporate greed play, on what should be a relatively simple chat application. Slack has quickly become just another enterprise solution in search of shareholder value at expensive of data privacy. Regulation of these companies should be more apparent to people, but sadly, is not.

    I would recommend https://mattermost.com as an alternative.

  • cheerio

    The fast, flexible, and elegant library for parsing and manipulating HTML and XML.

  • Project mention: 8 NPM Packages for JavaScript Beginners [2024][+tutorials] | dev.to | 2024-04-02

    Cheerio is your ticket to the world of server-side magic, allowing you to manipulate HTML and XML documents with jQuery-like syntax. It’s perfect for web scraping, data extraction, or just making sense of the mess that is web content. With Cheerio, you get to play around with the DOM, use CSS selectors, and basically do all the cool things you'd do in the browser, but server-side.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript HacktoberFest related posts

  • Simple KV storage on top of indexedDB

    2 projects | dev.to | 30 May 2024
  • Why We Don't have a Laravel for JavaScript… Yet

    5 projects | dev.to | 29 May 2024

    1 project | dev.to | 27 May 2024
  • Build a Scalable REST API with TypeScript, Express, Drizzle ORM, and Turso Database: A Step-by-Step Guide

    3 projects | dev.to | 27 May 2024
  • Vue Accessibility Blueprint: 8 Steps

    2 projects | dev.to | 27 May 2024
  • DC Bat Cowls with Amplify Gen 2 Fullstack Typescript

    2 projects | dev.to | 26 May 2024
  • Validate your Jenkinsfile with the vscode plugin vscode-jenkins-pipeline-linter-connector and the LLMs large model

    4 projects | dev.to | 25 May 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 30 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →


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

Project Stars
1 freeCodeCamp 390,503
2 Material UI 92,008
3 excalidraw 74,581
4 Nest 64,875
5 Grafana 60,851
6 Strapi 61,042
7 Hoppscotch 60,764
8 Docusaurus 53,456
9 nuxt 52,465
10 DefinitelyTyped 47,361
11 zustand 43,506
12 nocodb 43,028
13 Appwrite 41,544
14 Rocket.Chat 39,057
15 date-fns 33,887
16 TypeORM 33,531
17 novu 33,380
18 appsmith 31,871
19 Portainer 29,182
20 floating-ui 28,825
21 Uppy 28,262
22 Mattermost 28,263
23 cheerio 27,879

SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives