Sarra Drine - Full Stack Engineer Portfolio

Sarra Drine

|

Full Stack Engineer blending user experience with scalable architecture. Expert in React, Node, MySQL, and Vitest.

Projects

Showcasing impactful projects and technical achievements.

img
Gogimail Client

GogiMail Client is a browser-based frontend for AI-assisted email campaign creation and management.

Web Dev
Frontend
UI/UX
Full Stack
img
Gogimail Server

Gogimail Server is a Node.js + Express backend that turns natural-language requests into safe, parameterized SQL queries via OpenAI.

Full Stack
Backend
Web Dev
img
InStock Client

InStock Client is the frontend for an inventory management app built using React + Vite + Sass.

Frontend
Full Stack
Web Dev
UI/UX

Skills

Key skills that define my professional identity.

React

Craft interactive user interfaces using components, state, props, and virtual DOM.

Node.js

Run JavaScript on the server side, enabling dynamic and responsive applications.

express.js

Build web applications and APIs quickly using a fast, unopinionated Node.js framework.

MySQL

Manage and organize relational databases efficiently for data-driven applications.

Vitest

Maintain high code quality with Vitest, a blazing fast, Vite-native testing framework designed for seamless integration with React components and modern JavaScript environments.

Sass

Develop robust, component-based UI systems using SASS to bridge the gap between complex logic and clean, accessible user interfaces.

Vite

Use native ES modules to provide an instant-start dev server and an optimized build pipeline for modern web applications.

Typescript

Enhance JavaScript with static types, making code more understandable and reliable.

Javascript

Create interactive and dynamic web experiences with the versatile scripting language.

HTML 5

Structure web content beautifully with the latest version of HyperText Markup Language.

CSS

Style web pages creatively with the latest iteration of Cascading Style Sheets.

Git

Track, manage, and collaborate on code changes with the essential distributed version control system.

React Router

Manage navigation and build single-page applications with seamless, dynamic routing using React's declarative library.

Vercel

Deploy and scale frontend applications instantly with the high-performance, cloud platform for modern web frameworks.

REST API

Enable seamless communication between frontend and backend services with the architectural style that uses standard HTTP methods to create, read, update, and delete resources.

GitHub

Collaborate on code and manage software development with the industry-leading platform for version control and team-based project hosting.

Jira

Streamline agile project management and track development workflows with the powerful tool for issue tracking, sprint planning, and team collaboration.

Agile/Scrum

Manage agile software development with the iterative framework that organizes work into time-boxed sprints for continuous delivery and adaptive planning.

MongoDB

Store and retrieve data seamlessly with a flexible and scalable NoSQL database.

Heroku

Deploy, manage, and scale Full-Stack applications effortlessly with a fully managed PaaS that handles server infrastructure so you can focus on code.

Material UI

Build beautiful and consistent user interfaces faster with the comprehensive library of customizable React components.

Framer Motion

Bring user interfaces to life with smooth, production-ready animations using a powerful motion library for React.

Python

Build scalable backend services, APIs, and automation scripts with the versatile, high-level programming language.

Java

Develop robust, cross-platform applications with the object-oriented language engineered for reliability and scalability at enterprise scale.

Webpack

Bundle and optimize modern web applications with the powerful static module bundler that transforms and packages assets for production.

CI/CD

Automate and streamline software delivery with the practice of automatically integrating code changes and deploying them through a reliable, automated pipeline.

Microservices

Architect scalable and resilient applications by decomposing them into small, independent services that communicate over a network.

Next.js

Effortlessly build dynamic apps with routing, layouts, loading UI, and API routes.

Tailwind CSS

Design beautiful, modern websites faster with a utility-first CSS framework.

AWS

Build and deploy scalable applications with the world's most comprehensive and widely adopted cloud platform, offering compute, storage, and database solutions on demand.