💫 Hi, wellcome to my personal portfolio, build with React, Material UI and TypeScript.

---

Light mode / Select language

Dark mode / Select language

---

Table of Contents

• Demo
• Features
• Project structure
• Commands
• Notes

---

Demo📦

📌 https://portfolio-mec.netlify.app/

---

Features📢

✔️ React-DOM

✔️ Integration with MUI supporting Dark mode.

✔️ Uses the following integrations: @emotion/react / @emotion/styled / @mui/icons-material / react-hot-toast

🔜 Home page, where you can download the curriculum or visit the GitHub and LinkedIn profiles

🔜 About page, with a short presentation and my technologies.

🔜 Projects page, where you can take a look to some projects with the GitHub repository and a live demo.

🔜 Experience page, where you can read about my work experience.

🔜 Contact page, with a contact form.

🔜 404 error page, that redirect to Home page

---

Project Structure🛠️

Inside of the project, you'll see the following folders and files:

|
├── node_modules/
|
├── public/
|   ├── screens/
|   |   ├── appartamentos.png
|   |   ├── binance-l.png
|   |   └─ euge.png
|   |
│   ├── maria-eugenia-costa-en.pdf
│   ├── maria-eugenia-costa-es.pdf
│   ├── maria-eugenia-costa-pt.pdf
|  
|   
├── src/
|   ├── assets/
|   |   ├── bootstrap.svg
|   |   └─ (all the technologies icons that are shown in the portfolio)
|   |
│   ├── components/
│   │   ├── atom/
|   |   |    ├── NewWindowButton.tsx
|   |   |    ├── NewWindowButtonsStyles.css
|   |   |    ├── ParallarText.tsx
|   |   |    ├── PrimaryButton.tsx
|   |   |    └── SecondaryButton.tsx
|   |   |
│   │   ├── template/
|   |        ├──  about/
|   |        ├── contact/
|   |        ├── experience /
|   |        ├── footer/
|   |        ├── header/
|   |        ├── hero/
|   |        └──project/
|   |
|   ├── context
|   |   ├── LanguageContext.tsx
|   |   └── ThemeContext.tsx
|   |
|   └── utils/
|
├── App.txs
├── index.css
├── main.tsx
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.js

src/components/ is where I put any components and similarly src/layouts/ for layouts.

Images can be placed in src/images/.

Any static assets, eg. images, can be placed in the public/ directory.

---

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:3000
npm build	Build your production site to ./dist/

---

Notes

I appreciate your interest in this Project ⌨️ with ❤️ by María Eugenia Costa 😊 and follow me at LinkedIn - maria-eugenia-costa

---