My Web Projects

Project 1 preview

Individual Project (single-page) «WebStudio»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: responsive design (Flexbox & Grid), adaptive images for retina screens, clean semantic markup.

  • Backend: none (static site).

  • Other: built as a single-page portfolio layout, smooth navigation, mobile-first approach.

Project 2 preview

Individual Project (multi-page) «Product»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: multi-page structure, responsive layout using Flexbox, interactive mobile menu, retina-ready images.

  • Backend: none (static site).

  • Other:structured navigation across multiple sections, consistent UI design.

Project 4 preview

Team Project «EcoTote»

  • Technologies: HTML5, CSS3, minimal JavaScript.

  • Features: responsive design (Flexbox & Grid), modal windows, animated elements, optimized for retina displays.

  • Backend: none (static site).

  • Other: teamwork project, version control via GitHub, collaborative coding and design.

Project 4 preview

Team Project «Booksy»

  • Technologies: HTML5, CSS3, JavaScript.

  • Features: responsive layout, interactive UI, modal windows, dynamic content rendering, smooth scrolling, and form validation.

  • Backend: Node.js with REST API integration for data handling and asynchronous requests.

  • Other: teamwork project using GitHub for version control, collaborative development, and deployment on GitHub Pages.

Project 4 preview

Project "NoteHub" — Notes App with Next.js, TypeScript & React Query

  • Technologies: Next.js (App Router), TypeScript, React Query, React.

  • Features: secure notes management, email/password authentication, access & refresh tokens stored in cookies, protected routes via middleware, automatic session validation and refresh, safe logout with cookie cleanup.

  • Backend: custom authentication logic (no external auth provider).

  • Other: real-world authentication patterns, secure route handling, middleware-based access control, scalable app architecture.