JavaScript Architecture

Open-source JavaScript projects categorized as Architecture

Top 12 JavaScript Architecture Projects

  • web-skills

    A visual overview of useful skills to learn as a web developer

  • react-native-boilerplate

    A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).

    Project mention: Example Project Repositories | | 2023-01-20

    I think (thecodingmachine-react-native-boilerplate) is good. Have a look.🙂

  • 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!

  • react-proto

    :art: React application prototyping tool for developers and designers :building_construction:

    Project mention: 9 Must-have React Developer Tools to Create Better Apps Faster | | 2022-04-04


  • Index

    Metarhia educational program index 📖

  • 3rs-of-software-architecture

    A guide on how to write readable, reusable, and refactorable software

  • documentation

    🍰 Architectural design methodology for Frontend projects (by feature-sliced)

    Project mention: Feature-Sliced Design | | 2022-11-09
  • Azure-PlantUML

    PlantUML sprites, macros, and other includes for Azure services

    Project mention: Azure System Diagram | | 2022-12-02
  • 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.

  • eslint-plugin-boundaries

    Eslint plugin checking architecture boundaries between elements

  • stream-live-system

    :red_circle: An example of a live broadcast system using microservice concepts and architected with docker.

  • event-driven-web-components-realworld-example-app

    Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture

  • js-todo-app

    A pure javascript todo app built with an MVC-style architecture. Fully documented and explained.

    Project mention: [AskJS] Does anyone use generated JSDoc pages? | | 2022-07-03

    Can you expand on some of that rigid process? I just finished a project that I documented fully and generated JSDocs for, and while I feel like there are some features that I'd like to see in JSDoc to make me always want to use it (mainly nesting namespaces in the sidebar!), I'd love to get your feedback or insight

  • thinkdeep

    Economic analysis web application.

    Project mention: RFC: A Full-stack Analytics Platform Architecture | | 2022-06-02

    A complex codebase needs to be kept as simple as possible. In Predecos, one way this is done is through use of full-stack JavaScript, meaning developers only need experience with one language to maintain the codebase. Some differences exist in NodeJS when compared with browser-based JavaScript but those are minor compared with having to work in multiple languages. Front-end and back-end dependencies are also kept as uniform as possible. For example, Mocha and Chai are used in both the front-end and back-end meaning experience with said tools enables development in either. Developer setup and deployment should also be straightforward. Predecos uses Helm v3.8.2 to trigger one-click deployment of all the microservices. After doing this and setting a couple environment variables, one can easily start the front-end by using yarn run start then they are ready for development. This is also valuable when doing a deployment. When CircleCI went down, the impact was slight because automated deployment and manual deployment were very similar. All that was required was modifying the CircleCI config for the terminal, building the necessary docker images manually, pushing those images and running helm upgrade. A simple and fast mitigation that saved a lot of time. Diverging from simplicity was sometimes necessary though. Some may argue that use of Kubernetes makes the codebase difficult to understand by virtue of its high learning curve. However, the stability, reliability, documentation and wide-spread adoption of Kubernetes made it hard to resist. Google Cloud Platform (GCP), Amazon Web Services (AWS), Microsoft Azure and DigitalOcean all have Kubernetes offerings. This means applications developed on Kubernetes are largely portable from one cloud provider to another. Predecos uses DigitalOcean’s managed Kubernetes product because it is low-cost when compared to the other options. Should the desire for features such as, for example, encryption at rest arise, one option would be to migrate to Google Kubernetes Engine (GKE). Some modifications would be necessary but because Predecos is in a proof-of-concept (PoC) state and minimal data has been stored that migration would likely be simple.

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-01-20.

JavaScript Architecture related posts


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

Project Stars
1 web-skills 6,367
2 react-native-boilerplate 3,458
3 react-proto 3,386
4 Index 2,897
5 3rs-of-software-architecture 906
6 documentation 619
7 Azure-PlantUML 374
8 eslint-plugin-boundaries 317
9 stream-live-system 121
10 event-driven-web-components-realworld-example-app 59
11 js-todo-app 1
12 thinkdeep 0
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.