Proficient in both front-end and back-end development, she ensures smooth user experiences throughout the entire process, from conceptualization to deployment.
28 |
29 |
30 | );
31 | };
32 |
33 | export default TinySideBar;
34 |
--------------------------------------------------------------------------------
/portfolio/src/components/reusable/scrollToTop.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 | import { useLocation } from "react-router-dom";
3 |
4 | function ScrollToTop() {
5 | const { pathname, hash } = useLocation();
6 |
7 | useEffect(() => {
8 | if (hash === "") {
9 | window.scrollTo(0, 0);
10 | } else {
11 | setTimeout(() => {
12 | const id = hash.replace("#", "");
13 | const element = document.getElementById(id);
14 | if (element) {
15 | element.scrollIntoView();
16 | }
17 | }, 0);
18 | }
19 | }, [pathname, hash]); // Só rola para cima quando a rota muda
20 |
21 | return null;
22 | }
23 |
24 | export default ScrollToTop;
25 |
--------------------------------------------------------------------------------
/portfolio/src/contexts/LanguageProvider.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext, useState } from "react";
2 |
3 | interface ILanguageContext {
4 | children: React.ReactNode;
5 | navigate: (path: string) => void;
6 | }
7 |
8 | interface LanguageContextType {
9 | language: string;
10 | changeLanguage: (newLanguage: string, newPath: string) => void;
11 | }
12 |
13 | const LanguageContext = createContext(
14 | undefined
15 | );
16 |
17 | export const LanguageProvider = ({ children, navigate }: ILanguageContext) => {
18 | const languageSelected = localStorage.getItem("language") || "EN-US";
19 | const [language, setLanguage] = useState(languageSelected);
20 |
21 | const changeLanguage = (newLanguage: string, newPath: string) => {
22 | localStorage.setItem("language", newLanguage);
23 | navigate(newPath);
24 | setLanguage(newLanguage);
25 | };
26 |
27 | return (
28 |
29 | {children}
30 |
31 | );
32 | };
33 |
34 | export const useLanguage = () => useContext(LanguageContext);
35 |
--------------------------------------------------------------------------------
/portfolio/src/main.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom/client";
3 | import App from "./App.tsx";
4 | import { BrowserRouter } from "react-router-dom";
5 |
6 | ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
7 |
8 |
9 |
10 |
11 |
12 | );
13 |
--------------------------------------------------------------------------------
/portfolio/src/styles/Global.ts:
--------------------------------------------------------------------------------
1 | import { createGlobalStyle } from "styled-components";
2 |
3 | const GlobalStyle = createGlobalStyle`
4 |
5 | :root {
6 | --Background-grey: #1E1E1E;
7 | --Cherry-pink: #FF88D1;
8 | --Candy-green: #98C379;
9 | --Hover-pink: #FF88D133;
10 | --Light-grey: #ABB2BF;
11 | --Original-pink: #C778DD;
12 | --Soft-blue: #62AEEF;
13 | --White-screen: #faf9f9;
14 |
15 | --Main-font: 'Fira Code';
16 | }
17 |
18 | body {
19 | font-family: var(--Main-font), georgia, sans-serif;
20 | background-color: var(--Background-grey);
21 | overflow-x: hidden;
22 | overflow-y: scroll;
23 | }
24 |
25 | ::-webkit-scrollbar {
26 | width: 18px;
27 | }
28 |
29 | ::-webkit-scrollbar-track {
30 | background: var(--Background-grey);
31 | }
32 |
33 | ::-webkit-scrollbar-thumb {
34 | background: ${({ theme }) => theme.colors.CherryPink};
35 | border-radius: 6px;
36 | }
37 |
38 | ::-webkit-scrollbar-thumb:hover {
39 | background: #555;
40 | }
41 |
42 | a {
43 | text-decoration: none;
44 | color: inherit;
45 | }
46 |
47 | .b-red{
48 | border: 1px solid red;
49 | }
50 |
51 | .c-darkGrey{
52 | color: var(--Background-grey)
53 | }
54 |
55 | .c-pink{
56 | color: var(--Cherry-pink);
57 | }
58 |
59 | .c-lightGrey{
60 | color: var(--Light-grey)
61 | }
62 |
63 | .c-white{
64 | color: var(--White-screen)
65 | }
66 |
67 | .f-main{
68 | font-family: var(--Main-font);
69 | }
70 |
71 | .d-flex{
72 | display: flex;
73 | }
74 |
75 | .flex-row{
76 | display: flex;
77 | flex-direction: row;
78 | }
79 |
80 | .flex-column{
81 | display: flex;
82 | flex-direction: column;
83 | }
84 |
85 | .flex-wrap{
86 | display: flex;
87 | flex-wrap: wrap;
88 | }
89 |
90 | .j-start {
91 | justify-content: flex-start;
92 | }
93 |
94 | .j-end {
95 | justify-content: flex-end;
96 | }
97 |
98 | .j-center {
99 | justify-content: center;
100 | }
101 |
102 | .j-between {
103 | justify-content: space-between;
104 | }
105 |
106 | .a-start {
107 | align-items: flex-start;
108 | }
109 |
110 | .a-end {
111 | align-items: flex-end;
112 | }
113 |
114 | .a-center {
115 | align-items: center;
116 | }
117 |
118 | .g-1 {
119 | gap: 1rem;
120 | }
121 |
122 | .g-2 {
123 | gap: 2rem;
124 | }
125 |
126 | `;
127 |
128 | export default GlobalStyle;
129 |
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/FiraCode-VariableFont_wght.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/FiraCode-VariableFont_wght.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/OFL.txt:
--------------------------------------------------------------------------------
1 | Copyright 2014-2020 The Fira Code Project Authors (https://github.com/tonsky/FiraCode)
2 |
3 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
4 | This license is copied below, and is also available with a FAQ at:
5 | https://openfontlicense.org
6 |
7 |
8 | -----------------------------------------------------------
9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 | -----------------------------------------------------------
11 |
12 | PREAMBLE
13 | The goals of the Open Font License (OFL) are to stimulate worldwide
14 | development of collaborative font projects, to support the font creation
15 | efforts of academic and linguistic communities, and to provide a free and
16 | open framework in which fonts may be shared and improved in partnership
17 | with others.
18 |
19 | The OFL allows the licensed fonts to be used, studied, modified and
20 | redistributed freely as long as they are not sold by themselves. The
21 | fonts, including any derivative works, can be bundled, embedded,
22 | redistributed and/or sold with any software provided that any reserved
23 | names are not used by derivative works. The fonts and derivatives,
24 | however, cannot be released under any other type of license. The
25 | requirement for fonts to remain under this license does not apply
26 | to any document created using the fonts or their derivatives.
27 |
28 | DEFINITIONS
29 | "Font Software" refers to the set of files released by the Copyright
30 | Holder(s) under this license and clearly marked as such. This may
31 | include source files, build scripts and documentation.
32 |
33 | "Reserved Font Name" refers to any names specified as such after the
34 | copyright statement(s).
35 |
36 | "Original Version" refers to the collection of Font Software components as
37 | distributed by the Copyright Holder(s).
38 |
39 | "Modified Version" refers to any derivative made by adding to, deleting,
40 | or substituting -- in part or in whole -- any of the components of the
41 | Original Version, by changing formats or by porting the Font Software to a
42 | new environment.
43 |
44 | "Author" refers to any designer, engineer, programmer, technical
45 | writer or other person who contributed to the Font Software.
46 |
47 | PERMISSION & CONDITIONS
48 | Permission is hereby granted, free of charge, to any person obtaining
49 | a copy of the Font Software, to use, study, copy, merge, embed, modify,
50 | redistribute, and sell modified and unmodified copies of the Font
51 | Software, subject to the following conditions:
52 |
53 | 1) Neither the Font Software nor any of its individual components,
54 | in Original or Modified Versions, may be sold by itself.
55 |
56 | 2) Original or Modified Versions of the Font Software may be bundled,
57 | redistributed and/or sold with any software, provided that each copy
58 | contains the above copyright notice and this license. These can be
59 | included either as stand-alone text files, human-readable headers or
60 | in the appropriate machine-readable metadata fields within text or
61 | binary files as long as those fields can be easily viewed by the user.
62 |
63 | 3) No Modified Version of the Font Software may use the Reserved Font
64 | Name(s) unless explicit written permission is granted by the corresponding
65 | Copyright Holder. This restriction only applies to the primary font name as
66 | presented to the users.
67 |
68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69 | Software shall not be used to promote, endorse or advertise any
70 | Modified Version, except to acknowledge the contribution(s) of the
71 | Copyright Holder(s) and the Author(s) or with their explicit written
72 | permission.
73 |
74 | 5) The Font Software, modified or unmodified, in part or in whole,
75 | must be distributed entirely under this license, and must not be
76 | distributed under any other license. The requirement for fonts to
77 | remain under this license does not apply to any document created
78 | using the Font Software.
79 |
80 | TERMINATION
81 | This license becomes null and void if any of the above conditions are
82 | not met.
83 |
84 | DISCLAIMER
85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93 | OTHER DEALINGS IN THE FONT SOFTWARE.
94 |
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Bold.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Light.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Medium.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-Regular.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-SemiBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LadyJessie19/Portifolio/411a7a36bfe20dca51f161ff5936d6e1de1e8c97/portfolio/src/styles/_fonts/Fira_Code/static/FiraCode-SemiBold.ttf
--------------------------------------------------------------------------------
/portfolio/src/styles/theme.ts:
--------------------------------------------------------------------------------
1 | export const theme = {
2 | colors: {
3 | BackgroundGrey: "#1E1E1E",
4 | CherryPink: "#FF88D1",
5 | CandyGreen: "#98C379",
6 | HoverPink: "#FF88D133",
7 | LightGrey: "#ABB2BF",
8 | OriginalPink: "#C778DD",
9 | SoftBlue: "#62AEEF",
10 | WhiteScreen: "#faf9f9",
11 | },
12 | fonts: {
13 | MainFont: "Fira Code",
14 | },
15 | };
16 |
--------------------------------------------------------------------------------
/portfolio/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/portfolio/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2020",
4 | "useDefineForClassFields": true,
5 | "lib": ["ES2020", "DOM", "DOM.Iterable"],
6 | "module": "ESNext",
7 | "skipLibCheck": true,
8 |
9 | /* Bundler mode */
10 | "moduleResolution": "bundler",
11 | "allowImportingTsExtensions": true,
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "noEmit": true,
15 | "jsx": "react-jsx",
16 |
17 | /* Linting */
18 | "strict": true,
19 | "noUnusedLocals": true,
20 | "noUnusedParameters": true,
21 | "noFallthroughCasesInSwitch": true
22 | },
23 | "include": ["src"],
24 | "references": [{ "path": "./tsconfig.node.json" }]
25 | }
26 |
--------------------------------------------------------------------------------
/portfolio/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "composite": true,
4 | "skipLibCheck": true,
5 | "module": "ESNext",
6 | "moduleResolution": "bundler",
7 | "allowSyntheticDefaultImports": true
8 | },
9 | "include": ["vite.config.ts"]
10 | }
11 |
--------------------------------------------------------------------------------
/portfolio/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "rewrites": [{ "source": "/(.*)", "destination": "/" }]
3 | }
4 |
--------------------------------------------------------------------------------
/portfolio/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 |
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 | plugins: [react()],
7 | })
8 |
--------------------------------------------------------------------------------