Social Preview

Vercel Deploy GitHub release GitHub license

GitHub last commit Code Size

HTML5 CSS3 JavaScript Node.js

• 📑 Table of Contents
• 📖 Overview
• 🛠️ Technologies
• ⚡ Performance & PWA
• 🚀 Demo
• 📦 Install and Use
• 📂 File Structure
• 🎨 Reference & Inspiration
• 👨‍💻 Author and Contact

This repository contains my personal portfolio, designed to showcase my projects, technical skills, and professional experience as a Frontend Developer. It serves as a central hub where visitors can explore featured applications, learn about my development journey, and easily access my contact information. The project was built with a strong focus on performance, responsiveness, accessibility, and a modern user experience.

The following technologies were used to build this project:

• HTML5
• CSS3
• Javascript
• Node.js

Lighthouse Performance

Access the live application below to interact with the interface and run your own performance tests.

Portfólio: https://portifolio-felipe-de-andrade.vercel.app/

Prerequisites: Node.js (v22.x) or higher installed.

1. Clone the repository:

git clone https://github.com/Epiled/portfolio.git
cd portfolio

2. Install the dependencies:

npm install

3. Run the development environment (Build + Watch + Server):

npm run dev

Below is the project architecture. All development should be done inside the src/ folder.

portifolio/
├── design/ # Wireframes, videos and assets for documentation
├── src/ # Main source code (Development)
│ ├── assets/ # Original images and icons
│ ├── css/ # Styles following architecture BEM
│ └── js/ # UI logic and PWA registration
├── index.html # Base semantic structure and main markup
└── package.json # Project dependencies and npm scripts

The project's design and wireframes are available for viewing on Figma.

Figma / Wireframe: Portfólio

Made with ❤️ by Felipe De Andrade 👋🏽 Get in touch!

LinkedIn CodePen Gmail