Skip to content

A personal portfolio website showcasing my projects, skills, and learning journey in technology. Built with HTML, CSS, and JavaScript. ๐ŸŒโœจ

Notifications You must be signed in to change notification settings

ozcotech/ozco.studio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

80 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Ozco Studio ๐ŸŒ

๐Ÿš€ Visit my website: ozco.studio

๐Ÿ“Œ About the Project

Ozco Studio is my personal portfolio website where I explore, learn, and showcase my work as a developer. It serves as both an experimental playground and a professional portfolio, allowing me to continuously enhance my skills in technology, design, and web development.

The site is built from scratch using core web technologies and is designed with a clean, modular structure โ€” ready to evolve as I grow.

โšก Technologies Used

  • HTML, CSS, JavaScript (Core web stack)
  • Responsive Design for all devices
  • Clipboard Copy Function to easily share contact details
  • JSON-Based Content System for loading dynamic project data
  • JavaScript Modules to handle multilingual and modular content

โœ… Features

โœ”๏ธ Interactive and minimalist UI
โœ”๏ธ Contact form with real-time validation โœ‰๏ธ
โœ”๏ธ Smooth scrolling and subtle animations ๐ŸŽจ
โœ”๏ธ Footer with social links and visitor info
โœ”๏ธ Card-based project layout ๐Ÿ—๏ธ
โœ”๏ธ GitHub & LinkedIn integration in footer ๐Ÿ”—
โœ”๏ธ Individual project pages with dynamic content rendering ๐Ÿ“
โœ”๏ธ Multilingual content loading based on browser language (EN/TR) ๐ŸŒ
โœ”๏ธ All project data loaded from external JSON files for better structure

๐Ÿ”ฎ Upcoming Features

๐Ÿš€ Dark Mode: Iโ€™ve been considering this feature, but Iโ€™m still unsure about the best way to design it without disrupting the minimalist aesthetic.
๐Ÿš€ Enhanced Animations: Adding smooth transitions & hover effects
๐Ÿš€ Blog Section: To share thoughts, notes, and ideas
๐Ÿš€ Backend Form Integration: For real contact submissions
๐Ÿš€ Project Filtering & Tagging: To explore projects by category

๐Ÿ“ Project Structure

/
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ projects.html
โ”œโ”€โ”€ project1.html, project2.html, ...
โ”œโ”€โ”€ js/
โ”‚   โ”œโ”€โ”€ script.js
โ”‚   โ”œโ”€โ”€ project2.js
โ”‚   โ””โ”€โ”€ project3.js
โ”œโ”€โ”€ data/
โ”‚   โ”œโ”€โ”€ project2.json
โ”‚   โ””โ”€โ”€ project3.json
โ”œโ”€โ”€ assets/
โ”‚   โ””โ”€โ”€ images, icons, and project visuals
โ””โ”€โ”€ style.css

๐Ÿค– AI Assistance

This project was partially developed with AI assistance โ€” especially for structuring JavaScript modules, writing reusable components, debugging, and optimizing file structure.
All creative direction, logic, and content implementation remain fully human-led.

About

A personal portfolio website showcasing my projects, skills, and learning journey in technology. Built with HTML, CSS, and JavaScript. ๐ŸŒโœจ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published