My Projects
A Collection of My Works & Case Studies
Featured Projects
FeaturedPersonal Portfolio (This Site!)
Problem: To create a modern, responsive, and interactive personal portfolio to showcase skills, projects, and experience to potential employers and collaborators.
Features: Multi-page architecture (Home, About, Skills, Projects, Certificates, Contact), dynamic content rendering using Next.js App Router, interactive UI elements, smooth animations (Anime.js, CSS 3D transforms), project filtering, responsive design with Tailwind CSS.
Learnings: Deepening skills in Next.js (App Router), TypeScript for type safety, advanced Tailwind CSS usage, implementing various animation techniques, component-based architecture, and understanding the deployment process for Next.js applications.
FeaturedAI Assistant Web App (Gemini API)
Problem: Build an interactive AI-powered chat application using Next.js and the Gemini API.
Features: Multi-chat session support, Markdown rendering for responses, code formatting with syntax highlighting, chat history saved to localStorage, responsive design.
Learnings: Integrating with Large Language Models (Gemini API), managing complex chat state, client-side storage (localStorage), parsing and rendering Markdown in React, building full-stack applications with Next.js.
FeaturedREST Client (React Final Project)
Problem: Develop a fully functional GraphQL client application with features like query editing, response display, authentication, history, and variables management.
Features: Main page with project info & auth, Sign In/Up with validation, RESTful-like client for GraphQL (query editor, prettify, base64 body, method selector, URL input, headers, code generation), History route, Variables route, i18n, sticky header, user-friendly error display.
Learnings: Complex React application architecture, GraphQL integration, authentication flows (token handling, expiration), advanced state management (Redux/Context), i18n implementation, local storage for history/variables, building a feature-rich developer tool.
View Task
FeaturedShelter (Parts 1 & 2)
Problem: Develop a responsive multi-page website for an animal shelter according to the provided Figma layout, including interactive elements like sliders, pagination, and pop-ups.
Features: Pixel-perfect layout (1280px, 768px, 320px), burger menu, pets carousel/slider, pagination for pets page, modal windows for pet details.
Learnings: Advanced HTML/CSS layout (Flexbox, Grid), SASS, BEM, JavaScript for DOM manipulation, event handling, creating sliders, pagination logic, and popups. Adherence to strict project requirements and deadlines.
View Task
FeaturedChristmas Shop (Stage 1)
Problem: Build an interactive online store for Christmas decorations with advanced filtering and data handling.
Features: Complex filtering (by type, color, size, favorites), sorting, search, data storage (localStorage), dynamic card generation.
Learnings: Advanced JavaScript, data manipulation, working with local storage, complex UI interactions, module bundling (Webpack).
View Task
FeaturedPokedex (React)
Problem: Develop a dynamic interface for browsing Pokémon data using React and a public API.
Features: Fetching data from PokeAPI, displaying Pokémon with details in cards, search functionality, and filtering options.
Learnings: React functional components, hooks (useState, useEffect), API calls with Fetch/Axios, basic state management in React, conditional rendering.
View TaskAll My Projects
Have a Project in Mind?
I'm always excited to discuss new projects and innovative ideas. Whether you have a question or just want to say hi, feel free to reach out.
Let's Create Together!