laboratory-microservices

The goal of this project is to show how to handle two microservices in the same repository using docker. The microservices are communicating with each other using a rest gateway. The client can then only connect to the system using the public gateway. The good thing on this type of architecture is that the client does not need to query separately each services. It also make the whole structure easier to maintain.

laboratory-mongodb

This project is an app for experimenting with mongo library such as gridfs, methodologies or queries I am facing at work . The app is made with Nestjs and use the last version of mongo.

laboratory-mongodb-memory-test

This project show how to setup the seeding with a mongodb running in memory. For also pushing it further, I find a way to run the server only once for all the tests. Few weeks ago, I have discovered mongodb-memory-server which give the ability to run all the mongodb call in memory. With this package setup, we can start with a setup database using mongo-seeding and clear the db at each test in a fraction of second.

laboratory-mongodb-sharding

laboratory-nestjs

This project is my laboratory for Nest.js. For learning how to use the framework, I made a lot of experimentation, followed tutorials and keep a trace there. The laboratory is based on my template Nest.js, so the same tools are used.

laboratory-next-13

A new version of NEXT is available, it's time to test the difference and how to use the new features. This laboratory is all about Next13. The new version present now a folder app where you implement your application. In addition, a new way of using the generation of page and fetch has been added with this new version.

laboratory-nextjs-dynamic-variables

This project is the little example for testing how to inject environment variables into next-js on a built version.

laboratory-nextjs-modes

This project is a really simple tutorial for explaining the differences between the differents way of serving the page on Next.js. There are 4 ways of building our pages : SSR/SSG/ISR/CSR

laboratory-nextjs-mui

laboratory-nextjs-swr

laboratory-node

This project is my laboratory for testing/learning how to use packages and tricks related to node.js. It's a simple Express server where it's very easy to add a new experience with automated routing.

laboratory-npm

This project is my laboratory for playing with the package managaer npm. I have been using it for more than a decade now so I am quite familiar with it. Recently, I have been trying and playing with the different packages managers available such as Yarn and Pnpm.

laboratory-nx-nats

This project has been created using the libraries **NX** for creating a monorepository of microservices. Each microservices has been built with the CLI of NX as a **Nest.js** microservice. They communicate with the client using the **server NATS** and the message pattern of Nest.js.

laboratory-nx-tcp

This project has been created using the libraries NX for creating a monorepository of microservices. Each microservices has been built with the CLI of NX as a Nest.js microservice. They communicate with the client using the TCP protocol and the message pattern of Nest.js.

laboratory-passport

I discover few weeks ago the library Passport.js that you can find at this URL : http://www.passportjs.org/ It makes multiple Authentication through google, facebook, twitter and so on easy using just the ClientId and ClientSecret of the different platform. It becomes a must have in my toolbox for managing this kind of challenge.

laboratory-phrase

This project is my laboratory and tutorial for phrase. Phrase is an app and api online that make the internalization of an app pretty easy. The logic is quite simple, you create some localization files on your app, that you can upload to the app where anyone can make the translation. And then, you can pull all the translation into your app.

laboratory-pinia

laboratory-pipeline

This laboratory is where I tested how to properly use the pipeline from GitHub, Bitbucket and GitLab. I hav read all the documentation of each of them and tested how to use the different features present. I try created a pipeline that I can use professionally for each of the version control. I have also created small example for each feature and explain deeply how to setup the more important part with screenshots.

laboratory-pixijs

laboratory-queries

laboratory-react-16

This project is my testing laboratoryof react 16 and 17. I try packages, tricks that I found online. I am also putting there, every problem or discovering I am having during my day to day job of developer. If you want to see me testing thing on the latest official React, come here !

laboratory-react-18

laboratory-react-18-experimental

This project is a laboratory where I am testing the new features of the alpha version of React 18. At the time of writting, the version is not out yet. I am testing the experimental Suspense, SuspenseList and useTransation API.

laboratory-react-apollo

This project is my laboratory for the client side of apollo. For now, I am connecting the app to GraphQLZero but in a futur I need to plug it to a custom server. This is a work in progress.

laboratory-react-barcode

This project is a laboratory on a small package called React-barcode. I started this project as a joke just for seeing how to show barcodes on React. And I never imagine barcode to be that complicated and interesting. A barcode can have a lot of different formats and they all have different purposes. Who would have imagine that this little barcode behind every item we buy can be so complicated ?

laboratory-react-chartjs

On this laboratory, I am using chart.js in order to experiment charting on React. On the first experiment, I am using react-chartjs-2. The library is a shortcut for Chart.js but does not provide everything from this library, so I skip react-chartjs-2 quite fast and stick to the original one.

laboratory-react-d3

This project is my test with the library D3.js. This library is a JavaScript library for manipulating documents based on data. D3 helps bring data to life using HTML, SVG, and CSS. I am using the library on React for making a small website showing the result of my experiences. Feel free to comment since I am learning my way through D3.

laboratory-react-glsl-background

This project is my playground for training for GLSL and aslo for making full screen effect. I am liking this project to the latest version of react with r3f or in full name react-three-fiber.

laboratory-react-glsl-hover

This project is a laboratory where I create hover effect using GLSL Shader and React Three Fiber. I use the project like a toolbox where I can pickup any effect on plug it to any new project. This project is built around my template of react glsl.

laboratory-react-joyride

This laboratory regroups my experimentations and tests of the library react-joyride. This library allows you to create an interactive tutorial steps by step merging well with your UI. I created this project using NX for the workspace, React for the framework and obviously react-joyride.