Skip to content

lytrannn/cv-website

Repository files navigation

My CV Website

This repository contains the code for my CV website, a personal portfolio built using modern web technologies to showcase my skills, experience, and projects.

Features

  • React + Vite: A fast and modern development stack for building responsive and interactive web apps.
  • Mantine UI Library: For beautifully styled and functional components.
  • FontAwesome Icons: To enhance visual appeal and usability with a wide variety of icons.
  • Tailwind CSS: Utility-first CSS framework for rapid styling.
  • Vanilla CSS and HTML: Custom and flexible styling where needed.
  • i18n Integration: Multi-language support for a global audience.
  • Project Showcase: Highlights key projects to demonstrate coding expertise and problem-solving skills.

Demo

Check out the live version of my CV website here.

Installation

To run this project locally:

  1. Clone the repository:

    git clone https://github.com/yourusername/cv-website.git
    cd cv-website
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open your browser and navigate to:

    http://localhost:5173
    

Technologies Used

  • React: Component-based architecture for building dynamic user interfaces.
  • Vite: Lightning-fast bundler and development server.
  • Mantine: Modern React components and hooks for UI.
  • FontAwesome: Icon library for versatile and scalable icons.
  • Tailwind CSS: For utility-first styling with ease.
  • CSS/HTML: Direct customization for styling and markup.
  • i18next: Framework for internationalization and localization.

Folder Structure

cv-website/
├── public/          # Static assets
├── src/
│   ├── components/  # Reusable React components
│   ├── pages/       # Page components
│   ├── styles/      # Custom styles
│   ├── locales/     # i18n files
│   ├── App.jsx      # Main application file
│   └── main.jsx     # Entry point for React
└── package.json     # Project configuration

Available Scripts

  • npm run dev: Start the development server.
  • npm run build: Build the project for production.
  • npm run preview: Preview the production build.

Customization

You can easily customize this project to make it your own:

  1. Update the content in the /src/pages folder to include your personal information and projects.
  2. Modify the styles in the /src/styles folder to adjust the visual design.
  3. Add or update translations in the /src/locales folder.

Contributing

Contributions are welcome! If you have suggestions or find any issues, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.


Feel free to use this CV website as inspiration or a starting point for your own portfolio!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published