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.
- Host: GitHub
- URL: https://github.com/rafaumeu/cv
- Owner: rafaumeu
- Created: 2024-12-23T20:01:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-21T16:11:02.000Z (about 1 year ago)
- Last Synced: 2025-04-22T21:02:00.468Z (about 1 year ago)
- Topics: boilerplate, developer-tools, eslint, frontend, hot-module-replacement, i18n, lucid-icons, react, react-intl, responsive-design, tailwindcss, template, typescript, vite, web-development
- Language: TypeScript
- Homepage: https://cv-three-inky.vercel.app/
- Size: 866 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# π Digital Resume - Rafael Dias Zendron
A modern digital resume with internationalization and responsive design.
[](https://reactjs.org/)
[](https://www.typescriptlang.org/)
[](https://vitejs.dev/)
[](https://tailwindcss.com/)
[](https://formatjs.io/docs/react-intl/)
[](https://vercel.com)
---
## π Table of Contents
| [Tech Stack](#-tech-stack) | [Features](#-features) | [Setup](#οΈ-setup) |
|---------------------------|------------------------|------------------|
| [Project Structure](#οΈ-project-structure) | [Deployment](#-deployment) | [Contact](#-contact) |
---
### β‘ Tech Stack






---
## π 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
[](https://www.linkedin.com/in/rafael-dias-zendron-528290132/)
[](https://github.com/rafaumeu)