#python #design #design_patterns #design_system #development #interview #interview_practice #interview_questions #programming #python #system #web #web_application #webapp

This guide helps you learn how to design large-scale systems and prepare for system design interviews. Here are the key points The guide provides an organized collection of resources on system design principles, including video lectures, articles, and practice interview questions.
- **Interview Preparation** The guide covers various system design topics like performance vs scalability, latency vs throughput, availability vs consistency (CAP theorem), caching, load balancing, reverse proxies, database design (SQL and NoSQL), and communication protocols (HTTP, TCP, UDP).
- **Tools and Techniques** The guide includes real-world architectures from companies like Google, Facebook, Twitter, and others to help understand how these principles are applied in practice.
- **Contributing**: It encourages contributions to improve and expand the content.

Using this guide, you can become a better engineer by learning how to build scalable systems and prepare effectively for technical interviews.

https://github.com/donnemartin/system-design-primer

#java #awesome #design_patterns #interview #interview_practice #interview_questions #lld #low_level_design #machine_coding #object_oriented_programming #oops #solid_principles #uml

This resource helps you learn Low Level Design (LLD) and Object Oriented Design (OOD) for interviews. It includes fundamental concepts like OOP, SOLID principles, and design patterns. You can find detailed explanations with code examples and diagrams. There are also practice problems to design systems like parking lots, vending machines, and more complex systems like social networks or ride-sharing services. Additionally, it recommends books and other resources to improve your skills. This will help you prepare well for technical interviews and become a better software designer.

https://github.com/ashishps1/awesome-low-level-design

#typescript #angular #components #design_systems #documentation #html #javascript #react #react_native #stories #storybook #styleguide #svelte #testing #typescript #ui #vite #vue #web_components #webpack #workshop

Storybook is a tool that helps you build and test UI components quickly and efficiently. It allows you to develop, test, and document your UI components in isolation, which means you can focus on individual parts of your interface without affecting the entire application. This tool supports many frameworks like React, Angular, Vue, and more, and it comes with various addons for tasks such as accessibility testing, documentation, and interactive testing. Using Storybook can save you time and improve the quality of your UI components by making it easier to test and refine them before integrating them into your main project.

https://github.com/storybookjs/storybook

#java #awesome_list #design_patterns #hacktoberfest #java #principles #snippets #snippets_collection #snippets_library

This project provides a comprehensive collection of Java design patterns, which are proven solutions to common programming problems. Here are the key points The project includes implementations of various design patterns in Java, such as Creational, Behavioral, and Structural patterns. These patterns help speed up the development process and improve code readability.
- **Community Driven** Each pattern comes with well-commented source code and high-level descriptions, serving as programming tutorials.
- **Contributions Welcome** The project is available in multiple languages and includes an e-book for further learning.

Using these design patterns can help you write more efficient, maintainable, and scalable code.

https://github.com/iluwatar/java-design-patterns

#javascript #brand #brand_assets #brand_colors #branding #branding_assets #brands #company_brands #design #design_assets #icon_pack #icon_packs #icons #iconset #logo #logos #svg #svg_files #svg_icons #svg_images

Simple Icons offers over 3200 free SVG icons for popular brands, all available on one page at SimpleIcons.org. You can download these icons directly from the website or use them via a CDN like jsDelivr or unpkg. The icons can also be used in various programming languages and frameworks such as Node.js, TypeScript, PHP, and more. Additionally, there are third-party libraries and extensions available for tools like Figma, Miro, and Webflow. Before using the icons, make sure to read the legal disclaimer. This resource is highly beneficial as it provides a vast collection of high-quality icons that can be easily integrated into your projects, saving time and effort in finding and designing icons.

https://github.com/simple-icons/simple-icons

#typescript #design_systems #material_design #react #react_components

Material UI is a powerful library of React components that follows Google's Material Design system. It has been developed and tested by thousands of contributors over more than a decade, making it reliable and trustworthy. This library helps you build user interfaces quickly and consistently, with a wide range of pre-built components. It also has extensions like MUI X for advanced use cases and Toolpad for building full-stack applications. Using Material UI benefits you by providing a well-tested and maintained set of components, saving you time and effort in developing your projects.

https://github.com/mui/material-ui

#other #architecture #awesome #awesome_list #cloud_computing #design_patterns #gof_patterns #lists #microservices #resources

This resource provides a comprehensive list of software and architectural design patterns across various programming languages, architectures, and technologies. It includes patterns for cloud architecture, serverless architecture, microservices, big data, machine learning, databases, DevOps, mobile development, front-end development, and security. These patterns are general, reusable solutions to common problems in software design, helping developers solve issues efficiently and consistently. By using these patterns, developers can improve the reliability, scalability, and maintainability of their software systems, making their work more efficient and effective.

https://github.com/DovAmir/awesome-design-patterns

#typescript #accessibility #design_system #react #react_components #wai_aria

Base UI is a library of unstyled UI components that helps you build accessible user interfaces. It was created by the same people who made Radix, Floating UI, and Material UI. You can start using it by checking out the documentation, which includes a quick start guide. If you find any issues or want to improve it, you can contribute by following the contributing guide. For support, you can join the community on Discord or follow updates on X and Bluesky. This tool is beneficial because it makes creating user-friendly and accessible interfaces easier, and it has a supportive community to help you along the way.

https://github.com/mui/base-ui

#typescript #android #android_app #bangumi #design #expo #ios #ios_app #mobx #moe #react #react_native

This app, called Bangumi, is a third-party client for the Bangumi website, which helps you manage and track your progress on anime, manga, music, Japanese dramas, games, and more. It works on both iOS and Android devices and has over 100 pages designed for mobile use, covering almost all the features of the website.

The app includes basic functions like managing your watch list, viewing character details, timelines, posts, and user spaces. It also has extended features such as syncing data from other sites like Bilibili and Douban, stable data display using a CDN, photo walls, AI recommendations, and more.

Using this app benefits you by providing a convenient and comprehensive way to manage your media consumption on the go, with a user-friendly interface and additional features to enhance your experience.

https://github.com/czy0729/Bangumi

#javascript #design_system #hacktoberfest #javascript #react #scss

Carbon Design System is an open-source design system created by IBM, based on the IBM Design Language. It includes working code, design tools, human interface guidelines, and a community of contributors. You can use it for various technologies like React, Angular, Vue, and Svelte. The system offers components, styles, icons, and other design elements that are consistent and accessible. It is licensed under Apache-2.0, making it free to use and contribute to. This helps you build consistent and professional-looking applications quickly and efficiently.

https://github.com/carbon-design-system/carbon

#javascript #art #creative_coding #design #education #graphics #html #javascript #learning #p5js #processing #sound

p5.js is a free and open-source JavaScript library for creative coding, designed to be accessible and inclusive. It allows users to create interactive, audio-visual, experimental, and generative works for the web. The library is built on principles of accessibility, inclusivity, community, and joy, making it suitable for artists, designers, educators, beginners, and everyone else.

Key benefits include p5.js prioritizes accessibility, ensuring it's usable by a wide range of people.
- **Community Support** The library comes with comprehensive documentation and visual examples, along with tutorials and a web editor where you can start coding right away.
- **Customizable Tools**: Users can extend p5.js with many community-created libraries, adding different capabilities to their projects.

Overall, p5.js encourages iterative and exploratory coding for creative expression, fostering a welcoming environment for all voices.

https://github.com/processing/p5.js

#other #architecture #awesome #awesome_list #backend #big_data #computer_science #design_patterns #devops #distributed_systems #interview #interview_practice #interview_questions #lists #machine_learning #programming #resources #scalability #system #system_design #web_development

This resource provides a comprehensive guide to building scalable, reliable, and performant large-scale systems. Here are the key benefits It offers detailed articles and case studies from prominent engineers on how to design systems that can handle heavy loads and perform well for both single users and millions of users.
- **System Design Interviews** It covers how to scale teams effectively, focusing on increasing team output and value rather than just growing the team size.
- **Community Contributions** The resource covers a wide range of topics including scalability, availability, stability, performance, intelligence, architecture, and more, providing a holistic view of system engineering.

Overall, this guide is invaluable for anyone looking to build or maintain large-scale systems efficiently.

https://github.com/binhnguyennus/awesome-scalability

#typescript #browser #design #devtool #electron #figma #frontend #hacktoberfest #local_first #low_code #nextjs #no_code #react #tailwindcss #typescript #ui #vitejs #webflow

Onlook is a tool for designers that lets you make live edits to your website or web app directly in the browser. It works with React and TailwindCSS, allowing you to customize your design and control your code easily. You can download the app from onlook.com or build it from source. Onlook helps you edit elements by right-clicking them to find their exact location in the code, making your design process faster and more efficient. Stay updated with new features through their newsletter or social media channels. This tool is especially beneficial because it streamlines your design and coding workflow, saving you time and effort.

https://github.com/onlook-dev/onlook

#clojure #clojure #clojurescript #design #prototyping #ui #ux_design #ux_experience

Penpot is a free, open-source design tool that helps designers and developers work together smoothly. It allows designers to create stunning designs and interactive prototypes, while developers can access ready-to-use code in SVG, CSS, and HTML. Penpot is web-based, works on any browser, and can be self-hosted. It features a plugin system, real-time collaboration, and integrations with other tools. The latest version includes a CSS Grid Layout feature, a new UI, and improved performance. Joining the Penpot community allows you to contribute, ask questions, and share your designs and ideas. This makes the design and coding process easier and faster for everyone involved.

https://github.com/penpot/penpot

#typescript #ant_design #antd #design_systems #react #typescript #ui_kit #ui_library

Ant Design is a powerful tool for building web applications. It offers a set of high-quality React components, enterprise-class UI design, and support for multiple languages. You can easily install it using `npm` or `yarn`. It supports modern browsers, server-side rendering, and Electron. The library is written in TypeScript, which makes it predictable and stable. You can also customize the theme using CSS-in-JS. This makes it easier to create consistent and professional-looking interfaces quickly, saving you time and effort in your development process.

https://github.com/ant-design/ant-design

#javascript #css_framework #design #design_system #javascript #javascript_framework #markdown_flavour #nuejs

Nue is a new web framework that focuses on using web standards to make web development simpler and more efficient. It helps you build apps with much less code, making them faster and smaller. For example, Nue apps can be smaller than a single React button. It also supports using languages like Rust for better performance. This means developers can create faster and more efficient applications with less effort, which is beneficial for both developers and users who want quick and responsive web experiences.

https://github.com/nuejs/nue

#svelte #component #component_library #components #css #css_components #css_framework #daisyui #design_pattern #design_system #design_systems #postcss #svelte #tailwind #tailwind_css #tailwindcss #ui_design #ui_framework #ui_kit #ui_library #ui_pattern

daisyUI is a popular, free, and open-source component library for Tailwind CSS. It helps you build faster by providing useful class names for common UI elements like cards and calendars. This means you write less code and can focus on designing your interface more efficiently. daisyUI is also very customizable and works well with Next.js, adding no extra JavaScript to your projects, which keeps them fast and efficient. Overall, using daisyUI simplifies your development process and makes your projects more maintainable.

https://github.com/saadeghi/daisyui

#rust #2d_graphics #art #compositor #design #graphic_design #graphics_editor #image_generation #image_manipulation #image_processing #node_editor #node_graph #photo_editing #photo_editor #procedural #procedural_art #procedural_drawing #svg_editor #vector_editor

Graphite is a free, open-source 2D graphics editor that combines vector and raster tools with a unique hybrid workflow using layers and nodes. It lets you create detailed vector art and designs with nondestructive editing, meaning you can change your work anytime without losing quality. The node-based system offers powerful, flexible control like visual programming, while the layer system keeps things simple and familiar. This makes it easy to create complex graphics, animations, and effects all in one tool. Graphite is still evolving but aims to be a versatile, all-in-one creative platform accessible to everyone, helping you unleash your artistic potential efficiently[1][2][4].

https://github.com/GraphiteEditor/Graphite

#vue #canvas_editor #design #design_editor #editor #fabricjs #image_editor #poster #svg_editor #vue_fabric

You can use a powerful open-source image editor built with fabric.js and Vue that lets you easily design images by dragging and dropping. It supports many features like importing PSD and JSON files, exporting PNG and SVG, layers, gradients, custom fonts, cropping, filters, and more. You can customize fonts, templates, right-click menus, and shortcuts, and extend it with plugins. This editor is lightweight and simple to use, making it great for quick image editing without complex tools. It also offers a paid version with full backend support and batch image generation, helping you save time and reduce development effort.

https://github.com/ikuaitu/vue-fabric-editor

#typescript #design #docs #gatsby #handbook #posthog #tailwindcss

PostHog.com is the website and code repository for PostHog, an open-source product analytics platform that helps you track user behavior, test new features, and improve your product all in one place. You can run the website locally by installing Node and Yarn, cloning the repo, and starting the development server. The site includes product docs, blogs, tutorials, and tools like job listings and pricing calculators. This setup lets you customize and contribute to the site easily, making it useful if you want to understand or improve PostHog’s platform or help develop its content and features. It supports collaboration and learning for developers and product teams.

https://github.com/PostHog/posthog.com