Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eugenia1984/portfolio
Hi, I'm María Eugenia Costa, a FrontEnd Developer. Wellcome to my personal portfolio
https://github.com/eugenia1984/portfolio
css frontend html mui portfolio typescript webdesigner
Last synced: about 2 months ago
JSON representation
Hi, I'm María Eugenia Costa, a FrontEnd Developer. Wellcome to my personal portfolio
- Host: GitHub
- URL: https://github.com/eugenia1984/portfolio
- Owner: eugenia1984
- Created: 2020-12-18T18:41:26.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-31T13:55:40.000Z (7 months ago)
- Last Synced: 2024-05-31T15:17:04.858Z (7 months ago)
- Topics: css, frontend, html, mui, portfolio, typescript, webdesigner
- Language: TypeScript
- Homepage: https://portfolio-mec.netlify.app/
- Size: 15.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
💫 Hi, welcome to my personal portfolio, build with [**React**](https://react.dev/), [**Material UI**](https://mui.com/) and [**TypeScript**](https://www.typescriptlang.org/).
---
### Light mode / Select language
### Dark mode / Select language
---
## Table of Contents
- [Demo](#demo📦)
- [Features](#features📢)
- [Project structure](#project-structure🛠️)
- [Commands](#commands)
- [Notes](#notes)
---
## Demo📦
📌 [https://portfolio-mec.netlify.app/](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](https://github.com/eugenia1984) and [LinkedIn](https://github.com/maria-eugenia-costa) 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.
---
## 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 [`http://localhost:5173/`](http://localhost:5173/) |
| `npm build` | Build your production site to `./dist/` |
---
## Notes
I appreciate your interest in this Project ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me at [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)
---