Competente

Languages: JavaScript (ES6+), TypeScript, HTML5, CSS3

Frontend: React, React Router, Redux Toolkit, TanStack React Query, Next. js, Responsive Design

Web & APIs: REST APIs, JSON, Fetch API, Node. js, Express. js

Forms & Validation: React Hook Form, Zod

Styling: CSS, Flexbox, CSS Grid, Bootstrap, Tailwind CSS, Ant Design

Testing & Quality: Jest, React Testing Library, Postman, Functional Testing, Bug Reporting

Tools: Git, GitHub, GitLab, Vite, npm

Development Practices: Component-based architecture, reusable components, Agile, Scrum

SELECTED FRONTEND PROJECTS

BEAUTY STUDIO

React TypeScript Vite React Router Responsive Design Tailwind CSS

Developed reusable components for service selection, booking forms, navigation and page layouts.

-

Built a responsive beauty salon booking application using React and TypeScript.

-

-

-

Added form state management and client-side validation for booking functionality.

-

-

-

Implemented client-side routing with React Router for multiple application views.

Implemented booking data persistence using localStorage.

Designed a responsive, mobile-friendly interface using modern CSS and Tailwind CSS.

Structured the application with reusable components and maintainable TypeScript code.

GitHub: github.com/nndio/beauty-studio

Live Demo: beauty-studio-vahnovan. vercel. app

PERSONAL NOTES

React TypeScript TanStack React Query React Hook Form Zod Node. js Express

• Built a full-stack notes application with a React/TypeScript frontend and Node. js/Express backend.

• Implemented user authentication and protected application functionality using JWT-based authentication and cookies.

• Integrated REST APIs with TanStack React Query for server-state management, data fetching and mutations.

• Built reusable React components for authentication, notes and form functionality.

• Implemented form handling and schema-based validation using React Hook Form and Zod.

• Designed API endpoints for users, notes and authentication and connected the frontend to the backend through REST APIs.

• Structured the frontend and backend as separate applications and configured Vite API proxying for local development. GitHub:

github.com/nndio/react-notes-app

REACT ROUTER & API APPLICATION

React TypeScript React Router REST API

• Developed a multi-page React application using client-side routing and reusable components.

• Implemented dynamic routes and nested URL structures for users, playlists and playlist details.

• Implemented URL-based filtering using search parameters, allowing application state to be reflected in the URL.

• Integrated API-driven data and handled navigation between related application views.

REDUX TOOLKIT THEME APPLICATION

React TypeScript Redux Toolkit. Vite

• Built a React application using Redux Toolkit for centralized global state management.

• Implemented application theme switching through a Redux slice and centralized state.

• Created typed Redux hooks with TypeScript and structured reusable React components.

SELECTED FRONTEND PROJECTS

CONTINUED

NEXT. JS / SSR APPLICATION

Next. js React TypeScript. Ant Design

• Migrated a React application to Next. js using the App Router.

• Worked with server and client components and integrated Ant Design with Next. js.

• Implemented lazy loading, dynamic imports and code splitting to optimize application loading.

• Built the application for production and evaluated performance using Lighthouse.

RESPONSIVE WEB INTERFACES

HTML5 CSS3 Flexbox CSS Grid Responsive Design. Figma

• Converted Figma designs into responsive web interfaces for desktop, tablet and mobile.

• Implemented layouts using semantic HTML, Flexbox and CSS Grid.

• Focused on reusable CSS structures, responsive behavior and accurate implementation of design specifications.