Edilson Borges - Portfolio Website

A portfolio website showcasing my professional experience as a Senior Full Stack Developer with 13+ years of expertise in web development, mobile applications and infrastructure.

Live Demo

Visit the live website: edilsonborges.github.io

About Me

Edilson Borges - Senior Full Stack Developer

• Based in Goiânia, Goiás, Brazil
• 13+ years of professional experience
• Multilingual
• Half marathon finisher
• Available for full-time and freelance projects

Professional Experience

• Senior Software Developer at AGRODEFESA (March 2012 - Present)
• Senior Full Stack Developer at ED Tech (June 2020 - Present)
• Technical Support at Embratel (November 2008 - March 2011)

Technical Expertise

Backend Development:

• PHP (Laminas, Laravel)
• Python (Django, FastAPI)
• Node.js (Express, NestJS)
• Java (Spring Boot)

Frontend Development:

• JavaScript/TypeScript (ES6+, Modern JS)
• React (Redux, Query, Router)
• Angular (Angular 12+)
• Tailwind CSS (Responsive Design)

Mobile Development:

• React Native (Cross-platform)
• Flutter (Dart)
• Java (Native Android)

Database & DevOps:

• PostgreSQL (Advanced queries)
• Elasticsearch (Kibana, Logstash)
• AWS (EC2, S3, Lambda)
• Jenkins (CI/CD)

Core Technologies

• React 18 - Modern UI library
• TypeScript - Type-safe JavaScript
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework

UI Components

• shadcn/ui - High-quality, accessible components
• Radix UI - Unstyled, accessible UI primitives
• Lucide React - Beautiful icons
• Framer Motion - Animation library

Development Tools

• ESLint - Code linting
• PostCSS - CSS processing
• Autoprefixer - CSS vendor prefixing

Additional Libraries

• React Router DOM - Client-side routing
• React Hook Form - Form handling
• Zod - Schema validation
• date-fns - Date manipulation
• Recharts - Data visualization

Prerequisites

• Node.js (v18 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/edilsonborges/edilsonborges.github.io.git
   cd edilsonborges.github.io

2. Install dependencies

   npm install
   # or
   yarn install

3. Start the development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:5173 to view the website

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run build:dev - Build in development mode
• npm run preview - Preview production build
• npm run lint - Run ESLint

Project Structure

src/
├── components/          # React components
│   ├── ui/             # Reusable UI components
│   ├── Hero.tsx        # Hero section
│   ├── About.tsx       # About section
│   ├── Experience.tsx  # Professional experience
│   ├── Skills.tsx      # Technical skills
│   └── Contact.tsx     # Contact information
├── hooks/              # Custom React hooks
├── lib/                # Utility functions
├── pages/              # Page components
└── main.tsx           # Application entry point

Design Features

• Gradient Backgrounds: Modern gradient designs throughout
• Card-based Layout: Clean, organized content presentation
• Interactive Elements: Hover effects and smooth transitions
• Responsive Typography: Scalable text across devices
• Professional Color Scheme: Consistent branding and accessibility

Deployment

This project is deployed on GitHub Pages and can be accessed at: https://edilsonborges.github.io

Deployment Process

1. Build the project: npm run build
2. Deploy to GitHub Pages (automated via GitHub Actions)
3. Custom domain can be configured in repository settings

Contact

• Email: [email protected]
• LinkedIn: in/edilsonborges
• GitHub: edilsonborges
• Location: Goiânia, Goiás, Brazil

License

This project is open source and available under the MIT License.