This is my personal portfolio, developed to show and register my evolution as a front-end web developer
Remake my old portfolio with an more creative presentations and also learning new technologies.
- Deliver an amazing User Experience
- Create a beaty User Interface
- Create a good and readable code
- Make it responsive in any device
Onload
Apps
TopBar
- Website Link: clique para acessar
- Typescript
- React.js
- Styled components
- Figma
This is my first project in react using typescript and styled components
below the root colors
:root {
--font-color: #f9fafb;
--theme-bg-color: rgba(16, 18, 27, 0.4);
--border-color: rgba(113, 119, 144, 0.25);
--theme-color: #f9fafb;
--inactive-color: rgb(113, 119, 144, 0.78);
--body-font: "Poppins", sans-serif;
--hover-menu-bg: rgba(12, 15, 25, 0.3);
--content-title-color: #999ba5;
--content-bg: rgb(146, 151, 179, 0.13);
--button-inactive: rgb(249, 250, 251, 0.55);
--dropdown-bg: #21242d;
--dropdown-hover: rgb(40 46 60);
--popup-bg: rgb(22 25 37);
--search-bg: #14162b;
--overlay-bg: rgba(36, 39, 59, 0.3);
--scrollbar-bg: rgb(1, 2, 3, 0.4);
--red-btn: #ff6057;
--yellow-btn: #febc2e;
--green-btn: #28c841;
/* Glass effect */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
/* border radius */
border-radius: 14px;
/* WeatherApp */
--dark-blue: rgba(11,12,30, 0.7);
--light-blue: rgba(29,147,235,0.5);
--gray: #85858e;
}First version of my portfolio started in 05 of september 2021 and second version (actual) started in january/2023
- linkedin - @MarkosComK
- Github - MarkosComK
- Frontend Mentor - @MarkosComK
- instagram - @MarkosComK
If you want to give me some feedback, tip, or just talk to me, feel free to contact me through any of my social medias.
"Tudo acontece por uma razão e esta existe para me[/te] ajudar." 😎
