ChrisVilches/UI-UX

A repository that contains several applications made with the purpose of practicing UI/UX design.

UI & UX Training

A repository that contains several applications made with the purpose of practicing the following:

• UI/UX Design
• Frontend (general skills)
• React.js (and other frameworks)
• CSS

App List

Live Demo	Description
	anim-3d (Live Demo) Small app made with Three.js and React.
	curriculum-vitae (Live Demo) Small CV resume builder app.
	custom-scroll (Live Demo) Custom scrollbar inspired by audio/video editing software (specifically Ableton), as well as VSCode. Content is a grid (tabular data).
	hexagon (Live Demo) Responsive hexagonal grid design.
	search-box (Live Demo) Search box with a customizable dropdown component.
	signal (Live Demo) A React demo app to demonstrate the signals feature.
	sticky (Live Demo) Layout with sticky elements (desktop only).

Deployment

First set environment variables:

export BASE_URL=http://localhost:3000/

Build all apps:

npm run build

Take screenshots. First make sure apps are running in the specified base url:

npm run gen-screenshots

Generate readme:

npm run gen-readme