Portfolio

This is a personal portfolio project built with React, Vite, and i18next for internationalization. The project showcases various projects, skills, and experiences.

Table of Contents

• Dependencies
• Dev Dependencies
• Internationalization
• Styling
• Components
• License

Dependencies

• i18next: ^23.11.5
• i18next-http-backend: ^2.5.2
• react: ^18.2.0
• react-dom: ^18.2.0
• react-i18next: ^14.1.2
• react-icons: ^5.2.1
• react-router-dom: ^6.23.1
• use-local-storage: ^3.0.0

Dev Dependencies

• @types/react: ^18.2.66
• @types/react-dom: ^18.2.22
• @vitejs/plugin-react: ^4.2.1
• eslint: ^8.57.0
• eslint-plugin-react: ^7.34.1
• eslint-plugin-react-hooks: ^4.6.0
• eslint-plugin-react-refresh: ^0.4.6
• sass: ^1.77.6
• vite: ^5.2.0

Internationalization

The project uses i18next for internationalization. Language files are located in the public/i18n directory. The default languages are English (en.json) and Spanish (es.json).

Styling

The project uses SCSS for styling. Global styles and constants are defined in src/assets/constants.scss. Each component has its own SCSS file for modular styling.

Components

The project is divided into several components, each responsible for a specific part of the application. Key components include:

• About: Displays information about the me.
• Education: Lists my educational background.
• Experience: Lists my work experience.
• Footer: The footer of the application.
• Header: The header of the application.
• Projects: Displays a list of selected projects I've made.
• Skills: Lists my skills.
• Volunteering: Displays volunteering activities in which I've participate.

Thanks for visiting my portfolio.

We can connect and talk through Linkedin: https://www.linkedin.com/in/shirleymallea/