About Me

Iā€™m transitioning into web development via the Codecademy Full-Stack Engineer path. I enjoy turning ideas into clean interfaces, improving performance and accessibility, and shipping small features frequently.

  • Core: HTML, CSS (Flexbox/Grid), JavaScript (ES6+), Git/GitHub
  • Learning: React (Hooks), Async JS & APIs, testing with Mocha
  • Focus: accessibility (ARIA), responsive design, Lighthouse scores

Projects

Terminal window representing unit tests

Rooster Regulation

Node.js + Mocha unit testing project with Assert; wrote a complete, isolated test suite documenting behavior.

Node.js Mocha Testing
GitHub
Responsive landing page preview on devices

Fotomatic Landing Page

Responsive marketing page using semantic HTML, modern CSS, and a11y improvements; optimized images for fast loads.

HTML CSS Responsive
Live
React logo abstract on code background

Animal Facts (React)

Interactive React app demonstrating component state and events; deployed to Netlify with CI on pushes.

React Vite Netlify
GitHub Live
Rooster Regulation app screenshot

Rooster Regulation

Fun browser app: hero poster with a left-side regulations overlay, rooster shout, and dynamic background.

  • HTML
  • CSS
  • JavaScript
  • Accessibility
Live Demo Code
Message Generator app screenshot

Message Generator LIVE

Random quotes by category with copy & favorites, dim toggle, and smooth backgrounds.

  • HTML
  • CSS
  • JavaScript
Live Demo Code
Film Finder app screenshot

Film Finder

Search films via TMDB API with async requests, results grid, and details view.

  • HTML
  • CSS
  • JavaScript
  • API
Live (coming soon) Code

Tip: each project includes a README with setup, decisions, and a Lighthouse score.

Contact

If you'd like to chat about a role or collaboration, drop a message below or email cipicip7@gmail.com.