Frontend Developer Portfolio
This is my personal frontend developer portfolio, built to showcase my projects, skills, and approach to building clean, responsive, and production-ready user interfaces.
The project uses modern frontend tooling, including JavaScript ES modules, Tailwind CSS, and Parcel for bundling and asset optimization. The site is deployed on Netlify for fast, reliable hosting.
🛠️ Tech Stack
HTML5 – semantic, accessible markup
Tailwind CSS – utility-first styling
JavaScript (ES Modules) – modular, maintainable code
Parcel – bundling, asset optimization, and Tailwind build
Netlify – continuous deployment and hosting
✨ Features
Fully responsive design (mobile, tablet, desktop)
Modular JavaScript architecture
Tailwind CSS configured and built via Parcel
Optimized assets for production
Clean UI with consistent spacing and typography
Deployed with automatic builds on Netlify
📂 Project Structure
.
├── src/
│ ├── modules/
│ │ └── .js files/
│ ├── input.css
│ │
│ └── index.html
├── dist/
│ └── (production build output)
├── tailwind.config.js
├── postcss.config.js
├── package.json
└── README.md
🚀 Getting Started (Local Development)
-
Clone the repository git clone https://github.com/Mykelsown/portfolio.git cd portfolio
-
Install dependencies npm install
-
Run the development server npm run dev
Parcel will start a local development server with hot reloading.
📦 Build for Production npm run build
This generates an optimized production build in the dist/ directory.
LIVE DEMO: https://mykelsown.netlify.app
🌍 Deployment
The project is deployed on Netlify.
Build command: npm run build
Publish directory: dist
Automatic redeploys on every push to the main branch
🎯 Purpose
This portfolio is intended to:
Demonstrate my frontend development skills
Showcase real-world UI and layout decisions
Highlight my use of modern tooling and workflows
Serve as a foundation for future projects
📬 Contact
If you’d like to collaborate or have any questions, feel free to reach out.