Papatenko Portfolio

⚡ Demo ⚡

🏗️ Built With

Tech Stack

• React
• Tailwindcss
• Nvim / VsCode
• RealTimeColors

Color Palette

• Dark Mode

• Light Mode

Libraries

• Embla
• Lucide
• Motion

🗺️ Roadmap

In order of which features I'll add to the portfolio.

Basic Layout

• Header
• Socials and Contact in header footer
• Footer (just contains copyright)
• Styles
• Tabs for each career (?)

Sections

• About Me
• CS Projects
• Digital Arts Projects
• Tools I know how to use

Comp Sci Showcase

• Context (HS and College Experience)
• Repos
• Video of Doom Eternal MP4 Player

(Note to self, get the MP4 Player to work and post on GH one of these days)

Digital Art Showcase

All of these will be showcased as list of scrollable cards.

• Thumbnail
• Poster
• Logos
• Youtube Channel
• Video Editing

Design Adjustments

• Change theme to be more monochrome with glowy elements (black like zen-browser )
• Make carousel glowy
• Add icons to links

🛠️ Installation and Setup Instructions

1. Clone Repo: git clone git@github.com:papatenko/portfolio.git

2. Go into project directory: cd portfolio

3. Installation: npm install

4. Initialize Tailwindcss Build Process: npx tailwindcss -i ./src/App.css -o ./src/output.css --watch

5. Run Website: npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.