Skip to content

A simple HTML/CSS/JS-based personal portfolio website.

License

Notifications You must be signed in to change notification settings

bosungs/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌌 Nova Portfolio

HTML · CSS · JavaScript 기반 개인 포트폴리오

preview

실제 서비스 경험을 바탕으로, 실전형 풀스택 개발자를 지향하는 Nova의 포트폴리오 사이트입니다.


🚀 프로젝트 소개

이 레포지토리는 기본 스택(HTML/CSS/JavaScript) 만으로 제작한
개발자 1인 포트폴리오 페이지입니다.

화려한 프레임워크 없이, 가장 기본 요소만으로도
세련된 UI·UX를 만들 수 있다는 것을 보여주는 데 집중했습니다.

또한 Cursor 및 AI 기반 코딩 워크플로우를 학습하기 위한
리팩토링 실습 프로젝트로도 활용합니다.


🧩 주요 특징

✔️ 1. 단일 페이지(SPA 느낌)의 깔끔한 레이아웃

  • Hero
  • About
  • Skills
  • Projects
  • Contact
    섹션으로 구성된 직관적인 구조입니다.

✔️ 2. 반응형 UI

  • 모바일/태블릿/데스크탑 지원
  • CSS만으로 구현된 반응형 레이아웃

✔️ 3. 간결하고 세련된 디자인

  • 다크 모드 기반의 네이비 그라데이션
  • 민트 포인트 컬러
  • 넉넉한 여백
  • 부드러운 호버/페이드 애니메이션 적용

✔️ 4. 기본 JavaScript만 사용

  • 부드러운 스무스 스크롤
  • 네비게이션 링크 하이라이트
  • 섹션 페이드인 효과
  • 필요 최소한의 인터랙션 구현

✔️ 5. Cursor 실습 프로젝트

  • 컴포넌트 분리
  • CSS 리팩토링
  • 반응형 개선
  • 코드 구조화 연습

AI와 함께 개발하는 프로세스를 실험하는 데 적합합니다.


📁 폴더 구조

portfolio/
├─ index.html
├─ assets/
│  ├─ css/
│  │   └─ style.css
│  ├─ js/
│  │   └─ main.js
│  └─ img/
│      └─ preview.png (또는 기타 이미지)

About

A simple HTML/CSS/JS-based personal portfolio website.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published