BNP Paribas - JuST Institute , Paris – ( February 2024 - Ongoing )
Creation and development of the Digital Training Tool application for JuST Institute, tools to enable farmers across 5 continents to obtain credit for their transition to sustainable agricultural production.
- FRONT-END:
-
Creation and optimization of user interfaces with Next.js, including management and implementation of different rendering strategies: Static Site Generation (SSG), Server-Side Rendering (SSR), and Client-Side Rendering (CSR), to maximize performance and user experience.
-
Implementation of interactive forms and complex state management using tools such as React Query and Context API.
-
Integration of back-end APIs into front-end components
-
Testing and debugging of the interface to ensure proper functionality across all browsers and devices
-
Web Performance Optimization: Implementation of best practices to optimize Core Web Vitals (FCP, LCP, CLS, FID) to improve user experience and application performance for Digital Training Tool and UPYA Connect website:
- Image Optimization: Image compression using formats like WebP and Lazy Loading to reduce visual elements loading time and improve First Contentful Paint (FCP) and Largest Contentful Paint (LCP).
- Resource Minification and Bundling: Minification of JavaScript and CSS files and resource bundling to reduce network requests, enabling faster initial page loading.
- Efficient Caching: Implementation of advanced caching strategies for static resources to limit repeated server requests, improving loading times for repeat visits.
- Critical Rendering Path Prioritization: Priority loading of essential above-the-fold content to improve display speed, especially for FCP and LCP.
- Server Response Time Improvement: Optimization of database queries and deployment of servers close to users (CDN) to reduce latency and improve First Input Delay (FID).
- Content Jump Prevention: Management of image and iframe sizing to stabilize display, thus reducing Cumulative Layout Shift (CLS).
-
- BACK-END:
- Development of REST APIs with Strapi
- Implementation of authentication and user session management (JWT)
- Securing routes and data exchanged between front-end and back-end (CORS management, HTTPS, etc.)
- Implementation of server-side caching
- UI/UX DESIGN:
- UX/UI Research: Study user needs, analyze competitors, and define wireframes to optimize experience.
- Interface Creation: Design of high-fidelity mockups, following guidelines (graphic charter, typography, etc.) and ensuring visual consistency.
- Prototyping: Implementation of interactive prototypes to test and validate user flows.
Context: Freelance Mission
Stack: React, Node, Typescript, Git, Docker, Strapi, React Query, Figma, HTML/ CSS, Styled-Component
2024-11-25
react
node
typescript
git
docker
strapi
react query
figma
html/ css
styled-component
pointer-manipulation
memory-management
programming-language