Thanks to visit codestin.com
Credit goes to github.com

Skip to content
/ cv Public

πŸš€ 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.

Notifications You must be signed in to change notification settings

rafaumeu/cv

Repository files navigation

πŸ“„ Digital Resume - Rafael Dias Zendron

A modern digital resume with internationalization and responsive design.

React TypeScript Vite TailwindCSS React Intl Vercel


πŸ“– Table of Contents

Tech Stack Features Setup
Project Structure Deployment Contact

⚑ Tech Stack

React TypeScript Vite TailwindCSS React Intl Vercel


πŸš€ 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:
git clone https://github.com/rafaumeu/digital-resume.git
cd digital-resume
  1. Install dependencies:
yarn install
  1. Start development server:
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


❀️ 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
  • 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 GitHub

About

πŸš€ 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published