You can send me an email or a Linkedin message
that I will get back as soon as possible.
GID master
The best way to learn a new skill is by putting it into practice. When you apply your knowledge to real projects and work with actual concepts, you'll become more efficient and confident in your new skillset.
The concept behind GID master lab is to develop demo applications exploring patterns, architectures and upcoming features used across the most modern frameworks currently available in the market. It exposes a clean code structure and deep understanding of how the end-to-end Javascript applications are designed.
This app highlights the features of different frameworks, focusing on usability and key concepts.
It's optimized for mobile, so for the best experience, we recommend opening it in mobile mode on your browser or directly on your mobile device. (deprecated)
While some of these frameworks and architectures have evolved, these repositories still provide valuable references.
Concepts using Ngrx, RxJs, reactive programming, reactive forms, pipes, directives and others.
Check out this project
Ecosystem implementing Vuex, reactivity, composition api, form vuelidate, plugins, axios and others.
Check out this project
Function components using hooks, HOC, redux saga, hooks form, css-modules, axios and others.
Check out this project
Concepts using server side rendering, static site generation, serverless, SWR fetching and Vercel.
Check out this project
REST API, Express, TypeScript, MVC, MongoDB, Schemas, Middlewares, Async/Await, ES6.
Check out this project
Firestore, Realtime Database, Firebase Authentication, Hosting, Cloud Functions, Messaging Cloud.
Check out this project
This project covers the entire product development process, taking you through each step needed to build a complete web application.
By combining responsive and adaptive design principles, the app offers a better user experience.
Applications developed in Angular, Vue, Nuxt, React, NextJs and Svelte applying some new concepts and exploring features such state management, reactive programming, SSR, SSG and Vite to write packages.
Adoption of a serverless architecture in the cloud using AWS services such as Cognito for authentication, AppSync for graphql, Gateway API for REST API, DynamoDB as non-sql database and Lambda functions.
Convert modules/features from a monolith web application into small individual applications that can be developed and executed as independent application, but also combined and deployed as a single application.
Ecosystem implementing pinia, reactivity, composition api, form vuelidate, plugins, axios and others.
Check out this project
NPM package development, StoryBook for visual documentation, Vitest (unit tests), Github Actions (CI/CD workflow).
Check out this project
Single-file component, file-based routing, auto-imports, built-in composables, server side rendering, hybrid rendering and others.
Check out this projectConcepts using Ngrx, RxJs, reactive programming, reactive forms, pipes, directives and others.
Check out this projectFunction components using hooks, HOC, redux saga, hooks form, css-modules, axios and others.
Check out this projectConcepts using server side sendering, static site generation, serverless, SWR fetching and Vercel.
Check out this project
Using popular frameworks and libraries, this package includes Jest for unit testing, Storybook for detailed visual component documentation, and GitHub workflows to handle building and deploying multiple package versions.
This hands-on project provides a straightforward and robust end-to-end process that encapsulate all the essential elements needed to develop a well-tested and documented library.
Quick readings to help you with everyday tricks during your development. Most of these articles are used as documentation for common questions.
