.svg) [email protected] |
.svg) LinkedIn – Fabrice Nadal |
| HTML5 | CSS3 | SASS | Tailwind | Bootstrap | Figma |
|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 |
| JavaScript | TypeScript | React | Git | Redux |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| MongoDB | Node | Express | RestAPI |
|---|---|---|---|
 |
 |
 |
 |
| AdobePhotoshop | AdobeIndesign | CorelDraw |
|---|---|---|
 |
 |
 |
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📂 Repo |
 |
| Description |
|
This project demonstrates a modern web application built with a modular architecture using React and TailwindCSS. It features a fully responsive design, efficient navigation with React Router, and is structured around reusable components. As an early-stage prototype, it explores the concept of a customized streaming interface with a focus on performance, styling speed, and maintainability. |
| Preview | Links | Tech Stack |
|---|---|---|
 |
📁 Repo |  |
TrustDrop is an innovative, web-based whistleblowing system that enables individuals to submit confidential information and files anonymously and securely – without fear of surveillance, tracking, or retaliation.
Inspired by platforms like SecureDrop, TrustDrop focuses on accessibility, user-friendliness, and modern web technologies, making it ideal for organizations that are committed to uncovering misconduct and promoting transparency – without technical barriers and with maximum security.
This is my most ambitious and technically complex project to date, combining end-to-end encryption, secure file handling, client-side key management, and a fully custom admin interface – all built from scratch using a modern fullstack architecture.
🎥 Demo Video Link: Video
Whistleblower Interface
- Client-side PGP encryption: Messages and files are encrypted locally in the browser.
- No registration, no tracking: Fully anonymous.
- File upload & message input: Can be used together or separately.
- Confirmation code & message codes: For secure tracking and verification.
Admin Panel
- Authentication system: Password-protected (client-side only).
- Import of private PGP keys (local): No keys stored on the server.
- Decryption in the browser: Zero-knowledge security model.
- Inbox management: View status, timestamp, message ID, and download files.
Security & Hosting
- Deployed on Vercel (Link on request only): Fast and globally distributed infrastructure.
- No server-side decryption.
- Content Security Policy (CSP), HSTS, XSS protection: Gradually being fully integrated.
- Open-source architecture planned: Building trust through transparency.
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📁 Repo |
.svg){kind=small} |
| Description |
|
CodeSquare Chat (CSC) is a real-time messaging application designed to facilitate seamless communication between users. Developed by a team of four, the application emphasizes an intuitive user interface, responsive design, and robust backend functionality to ensure efficient and secure messaging. |
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📁 Repo |
|
| Description |
|
WatchFlix is one of my initial projects, developed to deepen my understanding of frontend development and design principles. This web application serves as a conceptual streaming platform, allowing users to browse and view information about movies and TV series. Emphasizing a clean and responsive user interface, the project showcases my skills in creating engaging and accessible designs. |
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📁 Repo |
|
| Description |
|
It demonstrates a wide range of modern web effects, animations, and user interactions that highlight the possibilities of today’s frontend development. From subtle transitions and hover effects to complex scroll-based animations and responsive UI components – this project is designed to inspire, impress, and push the boundaries of what’s possible in the browser. Each effect is implemented with clean, efficient code and structured for easy reuse in professional web projects. The goal is not only to present visual flair, but also to reflect best practices in performance, accessibility, and responsive design. |
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📁 Repo |
|
| Description |
|
Neon Snake Two is a modern, browser-based rendition of the classic Snake game, developed as one of my early projects to enhance my understanding of game development and frontend design. The game features vibrant neon visuals and introduces multiple levels to increase the challenge. |
| Preview | Links | Tech Stack |
|---|---|---|
 |
🌐 Demo 📂 Repo |
|
| Description |
|
Schiffe Versenken is a browser-based adaptation of the classic Battleship game, developed as one of my early projects to enhance my skills in frontend development and game logic implementation. The game offers a minimalist design and intuitive user interface, allowing players to engage in strategic gameplay by attempting to sink the opponent's fleet through coordinate-based attacks. |