💫 Hi, welcome to my personal portfolio, build with React, Material UI and TypeScript.
![porfolio maria eugenia costa modo light](https://private-user-images.githubusercontent.com/72580574/324496513-cacc7dc6-9fd1-4259-8e35-9d5e1f66d088.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0MzkwNDgsIm5iZiI6MTcyMDQzODc0OCwicGF0aCI6Ii83MjU4MDU3NC8zMjQ0OTY1MTMtY2FjYzdkYzYtOWZkMS00MjU5LThlMzUtOWQ1ZTFmNjZkMDg4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDExMzkwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiOTdjN2U2ZDRkMjA5YWIxMDAzOTFmOTc4NTRkZGZhMWM4NWRlNTYyNTNiNjg3MDZjNTlmZmY2YmExNjIyMTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5ncLn-Hbpt7l8qN6PZzjx4L2yiVi4O4Kxys8l5C6i6k)
![porfolio maria eugenia costa modo dark](https://private-user-images.githubusercontent.com/72580574/324496999-aa2230f5-c0be-455e-b7ee-7a94b00179b2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA0MzkwNDgsIm5iZiI6MTcyMDQzODc0OCwicGF0aCI6Ii83MjU4MDU3NC8zMjQ0OTY5OTktYWEyMjMwZjUtYzBiZS00NTVlLWI3ZWUtN2E5NGIwMDE3OWIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA4VDExMzkwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTljOTY5NDU2MThlY2U3YmVlMzZkNjIwMDU0MGFjNjY1MTM0ZTg2YzUxNDJiNGU3OGY5Y2E1MGJjN2NiMTczMWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hh9-k34Czirxg34mxEiR6jcB8g81WmUkXbr_1m0afrg)
📌 https://portfolio-mec.netlify.app/
✔️ 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.
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.
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 http://localhost:5173/ |
npm build |
Build your production site to ./dist/ |
I appreciate your interest in this Project ⌨️ with ❤️ by María Eugenia Costa 😊 and follow me at LinkedIn - maria-eugenia-costa