MB
Watanabe
The Watanabe project is a multilingual institutional website, supporting Portuguese, English, and Spanish, developed to streamline communication and customer service. The site offers a smooth and intuitive interface, featuring dynamic pages such as About, Contact, Assistance, Catalog, as well as subcategory filters and product pages. The internationalization was implemented to adapt the website’s language automatically based on the user’s browser preference. A key feature of the site is the assistance form, which allows users to send high-quality media files, even large files. These files are efficiently stored in a Supabase bucket, with automatic cleanup every 30 days via a Vercel cron job. The site also provides registered clients with access to a personalized catalog, where they can view their machinery details and related documents, all managed securely through WordPress, using magic links for authentication without permanent passwords.
Project Details
Categories and Technologies
Technologies
Figma
GraphQL
Next.JS
React
React Hook Form
TailwindCSS
TypeScript
Vercel
WordPress
Zod
Overview
This project showcases my skills across various areas and technologies. Explore the details below to better understand its scope and execution.
- Design by Agência Ade!
- View project
Liked the project? Get in touch to discuss how I can help bring your idea to life.
Get in touchThe Challenge
- Internationalization: Implementing internationalization in three languages (Portuguese, English, and Spanish), ensuring that the language was automatically detected based on the user's browser. - Magic Link Login System: Creating a login system without permanent passwords for pre-registered clients, allowing them to access documents and information related to their machinery. - Assistance Form Integration with Supabase: Integrating the assistance form for uploading and storing large, high-quality files, with automatic cleanup of the files every 30 days.
