0 Down time
GraphQL
NextJS
Mongo
VITE
MEAN
MERN
Rust
Spring
Hibernate
Liquid
SASS
REST
Spring
React
Angular

How many pesos is that?

Jun 16 2023

I don't know much about Cinco de Mayo.
I'm never sure what it's all about.
But I say I want you and you don't believe me.
You say you want me but I've got my doubts
Oh baby, I was bound for Mexico.
-- Song by Cake

Need to convert your dollars into another currency. I was board, so I made this simple app in React and Material UI.

Material-UI is a popular open-source design system and component library for building user interfaces (UIs) in React applications. It provides a set of pre-designed and customizable UI components, styles, and themes that follow the Material Design guidelines created by Google. Material Design is a design language focused on creating visually appealing and consistent user experiences across different platforms and devices.

Material-UI offers a wide range of components that cover common UI elements, such as buttons, input fields, navigation bars, modals, cards, and more. These components are designed to be highly modular, reusable, and flexible, allowing developers to create visually appealing and responsive user interfaces with ease.

Key features and concepts of Material-UI include:

1. Component Library: Material-UI provides a comprehensive collection of ready-to-use components that follow the Material Design principles. These components are built using React and can be easily integrated into your application.

2. Theming: Material-UI supports theming, allowing you to customize the look and feel of your application by defining a theme with colors, typography, spacing, and other design attributes.

Stackblitz
more...

Todo: Use Angular Material more

Jun 15 2023

I have been working with Bootstrap for years and have not spent much time with Angular Material. So i created a simple todo app tonight.

Angular Material is a UI component library and design system for building user interfaces in Angular applications. It follows the Material Design principles established by Google, providing a set of pre-designed and customizable components that can be easily integrated into Angular projects. Angular Material helps developers create visually appealing and consistent UIs while adhering to best practices for design and user experience.

Key features and concepts of Angular Material include:

1. Component Library: Angular Material offers a comprehensive collection of reusable UI components, including buttons, cards, dialogs, menus, forms, tooltips, and more. These components are built using Angular and can be seamlessly integrated into your application.

2. Theming and Styling: Angular Material supports theming and provides a theming system that allows you to customize the appearance of components to match your application's branding and design. You can define color palettes, typography settings, and other styles.

3. Responsive Design: Angular Material components are designed to be responsive and work well across different screen sizes and devices. They adapt to the available space and provide consistent user experiences.

4. Accessibility: Angular Material places a strong emphasis on accessibility, ensuring that components are designed and developed with accessibility best practices in mind. This helps create inclusive and user-friendly interfaces.

5. Component Variants and Flexibility: Many components in Angular Material come with multiple variants and customization options, allowing you to tailor them to your specific use cases.

Check it out on Stackblitz
more...

script