https://github.com/khang-nd/.info

📝 My personal portfolio
https://github.com/khang-nd/.info

flat-ui framer-motion neumorphism-ui nextjs portfolio react react-router reactjs sass typescript windows

Last synced: 11 days ago
JSON representation

📝 My personal portfolio

• Host: GitHub
• URL: https://github.com/khang-nd/.info
• Owner: khang-nd
• License: gpl-3.0
• Created: 2020-08-22T15:39:26.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-11-02T14:53:55.000Z (about 2 years ago)
• Last Synced: 2024-10-12T14:31:00.315Z (27 days ago)
• Topics: flat-ui, framer-motion, neumorphism-ui, nextjs, portfolio, react, react-router, reactjs, sass, typescript, windows
• Language: TypeScript
• Homepage: https://khangnd.info
• Size: 849 KB
• Stars: 48
• Watchers: 3
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Winport

My window-styled portfolio


|![Theme Flat](./public/images/theme-flat.png)|![Theme Soft](./public/images/theme-soft.png)|![Theme Tron](./public/images/theme-tron.png)|![Theme Classic](./public/images/theme-classic.png)

|----|----|----|----|

## Technology stack

* [TypeScript](https://www.typescriptlang.org/)

* [NextJS](https://nextjs.org/)

* [Theme UI](https://theme-ui.com/)

* [Framer Motion](https://www.framer.com/motion/)

* [React Icons](https://react-icons.github.io/react-icons/)

## Improvements from previous version

> For the first version, check out the [v1](https://github.com/khang-nd/.info/tree/v1) branch.

* [x] Overall visual appearance improved.

* [x] Accessibility (focusable elements, keyboard events, zoom controls).

* [x] Smoother and more natural animation with Framer Motion.

* [x] More config options, new theme added.

* [x] Elements in pixels rather than relying on fixed viewport sizes.

* [x] Hide config panel on click outside.

## Credits

* [Gustavo Zambelli](https://dribbble.com/zamax/shots) - for the hilarious [Macindows project](https://dribbble.com/zamax/projects/726224-Macindows-Life-Problems) as the inspiration for my Classic theme.

* [half-left](https://www.deviantart.com/half-left) - for the awesome [Plasma 5 theme](https://www.deviantart.com/half-left/art/Tron-Legacy-For-Plasma-5-568787781) based on the Disney movie Tron Legacy as the inspiration for my Tron theme.

* [Freepik](https://www.freepik.com/) - for providing free and wonderful icons that I used in this project.