Web projects
Chipsmarket (Precogs)
A Business-to-Business international marketplace for electronic parts.
I was tasked to prepare the new version of the application (the new onboarding screens, improved workflows, etc) in collaboration with the CTO and the rest of the tech team.
We started with mockups and discussions with the design team, then i iterated on the new version of the application, making a feedback loop as soon as possible.
The team seemed interested in performance aware programming and my input on architecture decisions, so i took the time to share my knowledge on these subjects when that felt appropriate.
After a prototyping period and much discussion with the team, we settled on the tech stack below:
- Frontend: Vue3 / TypeScript / Tailwind
- Backend: Node / TypeScript / Express / PostgreSQL
- AWS: cloud functions, pub/sub, etc
- Testing: Jest / Cypress / Github Actions / Storybook / Chromatic
MyPhotos (Hubside)
A Web App to regroup all your photos in one place and easily/safely share them online.
I was on the project from the first line of code to the MVP release, we worked hand in hand with the product owner, designers and developers to create something we could be proud of. A lot of work went into the architecture of the app, to make sure it runs and scales smoothly on GCP and is easy to maintain.
The backend revolves around a GraphQL schema that is shared with the frontend and iOS app to facilitate communications.
The frontend is a React app written in TypeScript that uses Apollo to manage data and caching. Components were written in Storybook by following the Atomic Design guidelines as much as possible.
- React / TypeScript / Apollo client / CSS Modules
- Node / TypeScript / Apollo server / Express
- Google Cloud Platform : datastore, storage, app engine, functions, pub/sub
- Jest / Cypress / Gitlab CI / Storybook / Chromatic
Bi-BOP: Supply chain (Renault Digital)
A large single page application used by the supply chain team at Renault.
We created the UI components, code the logic to connect them to the backend (a JSON API that we also developed), discuss potential UX problems with the team among other things.
Mainly working on the frontend, i was involved in most technical decisions with the other developers, code review, code quality control and made multiple improvements to our tooling to avoid regressions and quality of our frontend. Formation of the new developers and transfert of knowledge to the new team that will continue the project.
- React / Redux / Styled components
- NodeJS / FeathersJS / Docker
- Jest / Cypress / Storybook
- Tests (unit and integration) / Performance tuning / Style guide / Docs
My portfolio
The site you are currently on. I created it as a portfolio and hub for all my work & contact infos.
The goal was to keep it simple, accessible and blazingly fast (hence the choice of tech).
- HTML
- CSS
- Netlify for static files hosting
- Some JavaScript for bonus content and easter eggs (not loaded until you find it)
- Source code: https://github.com/colinbellino/site
Older projects can be found on my LinkedIn profile.
