Bivwak

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 in front-end components

  • Testing and debugging of the interface to ensure it works correctly on 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 performance of the Digital Training Tool application and UPYA Connect site:

    • Image Optimization: Image compression with formats like WebP and Lazy Loading to reduce visual element 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, speeding up initial page load.
    • Efficient Caching: Implementation of advanced caching strategies for static resources to limit repeated server requests, improving load times during repeated visits.
    • Essential Content Prioritization (Critical Rendering Path): Priority loading of essential visible content (above the fold) 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 delays and improve First Input Delay (FID).
    • Content Jump Prevention: Management of image and iframe sizing to stabilize display, 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.)
  • Server-side cache implementation
• 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: Setting up 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