An open API service indexing awesome lists of open source software.

https://github.com/rafaumeu/cv

πŸš€ A modern React template powered by Vite and TypeScript, featuring 🌎 internationalization support, πŸ“± responsive UI components, and πŸ› οΈ developer-friendly tooling. Includes 🎨 TailwindCSS for styling, ✨ Lucide icons, and πŸ“ comprehensive ESLint configuration. Perfect for building πŸ“ˆ scalable web applications with best practices.
https://github.com/rafaumeu/cv

boilerplate developer-tools eslint frontend hot-module-replacement i18n lucid-icons react react-intl responsive-design tailwindcss template typescript vite web-development

Last synced: 4 months ago
JSON representation

πŸš€ A modern React template powered by Vite and TypeScript, featuring 🌎 internationalization support, πŸ“± responsive UI components, and πŸ› οΈ developer-friendly tooling. Includes 🎨 TailwindCSS for styling, ✨ Lucide icons, and πŸ“ comprehensive ESLint configuration. Perfect for building πŸ“ˆ scalable web applications with best practices.

Awesome Lists containing this project

README

          

# πŸ“„ Digital Resume - Rafael Dias Zendron

A modern digital resume with internationalization and responsive design.

[![React](https://img.shields.io/badge/React-18.3-61DAFB.svg)](https://reactjs.org/)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.0-3178C6.svg)](https://www.typescriptlang.org/)
[![Vite](https://img.shields.io/badge/Vite-Latest-646CFF.svg)](https://vitejs.dev/)
[![TailwindCSS](https://img.shields.io/badge/Tailwind-3.4-38B2AC.svg)](https://tailwindcss.com/)
[![React Intl](https://img.shields.io/badge/ReactIntl-6.4-00C4B4.svg)](https://formatjs.io/docs/react-intl/)
[![Vercel](https://img.shields.io/badge/Vercel-000000?style=flat&logo=vercel&logoColor=white)](https://vercel.com)

---

## πŸ“– Table of Contents

| [Tech Stack](#-tech-stack) | [Features](#-features) | [Setup](#️-setup) |
|---------------------------|------------------------|------------------|
| [Project Structure](#️-project-structure) | [Deployment](#-deployment) | [Contact](#-contact) |

---

### ⚑ Tech Stack

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![React Intl](https://img.shields.io/badge/React_Intl-00C4B4?style=for-the-badge)
![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)

---

## πŸš€ Features

- **Internationalization (i18n)**:
- Multilingual support (PT-BR/EN)
- Automatic content translation
- Browser language detection

- **Responsive Design**:
- Mobile-first layout
- Automatic light/dark theme
- Adaptation for different devices

- **SEO & Sharing**:
- Dynamic meta tags
- OpenGraph image generation
- Twitter Cards
- Schema.org markup

- **Printing Experience**:
- PDF-optimized layout
- Print-specific styles
- Automatic section organization

- **Developer Experience**:
- TypeScript strict mode
- ESLint configuration
- Conventional Commits
- GitHub Actions integration

- **Profile System**:
- Backend Developer Profile
- Frontend Developer Profile
- Full Stack Developer Profile
- Dynamic profile switching
- ATS-optimized keywords

- **Project Showcase**:
- GitHub integration
- Repository metrics
- Automatic translation
- Tech stack badges

- **Experience Timeline**:
- Role-based experiences
- Achievement tracking
- Key metrics display
- Location and period tracking

- **Skills & Certifications**:
- Categorized skills
- Rocketseat certifications
- Language proficiency
- Tool expertise

## πŸ› οΈ Technical Details

- **Frontend**:
- React 18 with TypeScript
- Next.js for SSR/SSG
- TailwindCSS for styling
- React-Intl for i18n

- **Integration**:
- GitHub API integration
- Dynamic repository loading
- Automatic content translation
- Smart skill validation

- **Performance**:
- Lazy loading components
- Optimized translations
- Print-specific styling
- Dark/Light theme support

## 🌐 Supported Languages

- πŸ‡§πŸ‡· Portuguese (Native)
- πŸ‡ΊπŸ‡Έ English (Intermediate)

## πŸ“¦ Prerequisites

- Node.js 14+
- npm or yarn
- TypeScript-supported editor

## πŸ› οΈ Setup

1. Clone the repository:

```bash
git clone https://github.com/rafaumeu/digital-resume.git
cd digital-resume
```

2. Install dependencies:

```bash
yarn install
```

3. Start development server:

```bash
yarn dev
```

## πŸ—οΈ Project Structure

```
β”œβ”€β”€ api/ # API endpoints
β”œβ”€β”€ public/ # Static public assets
β”œβ”€β”€ src/
β”‚ β”œβ”€β”€ assets/ # Static assets
β”‚ β”œβ”€β”€ components/ # React components
β”‚ β”œβ”€β”€ data/ # Application data
β”‚ β”œβ”€β”€ hooks/ # Custom React hooks
β”‚ β”œβ”€β”€ i18n/ # Internationalization
β”‚ └── types/ # TypeScript type definitions
β”œβ”€β”€ tailwind.config.js # Tailwind CSS configuration
└── vite.config.ts # Vite configuration
```

## πŸš€ Deployment

Deployed on Vercel: [Digital Resume Website](https://rafaeldiaszendroncv-three-inky.vercel.app/)

---

## ❀️ Sponsors

Thank you to all the individuals and companies supporting my open source projects. Your support enables me to continue developing and maintaining useful tools for the community.

### πŸ† Special Sponsors

### ✨ How to Support

You can support my work in several ways:

- [Become a sponsor](https://github.com/sponsors/rafaumeu)
- Give a ⭐️ to repositories you use
- Share the projects
- Contribute with code or documentation

### 🎁 Sponsor Benefits

- Priority support via Discord/Email
- Your name/logo in project READMEs
- Early access to new features
- Special mention in major releases
- Technical consulting (1h/month for Gold+ sponsors)

### πŸ“Š Resource Usage

Resources are used for:

- Project maintenance and evolution
- New feature development
- Hosting and infrastructure
- Content creation and documentation


Made with ❀️ by Rafael Dias Zendron


[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rafael-dias-zendron-528290132/)
[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/rafaumeu)