-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
assets.js
196 lines (186 loc) · 7.53 KB
/
assets.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
// React Icons are used to add social and skill icons to the portfolio.
// If you want to add more icons or replace existing ones, import them from "react-icons".
// Visit: https://react-icons.github.io/react-icons/ to explore more icons.
// Example of importing a new icon: import { AiFillAmazonSquare } from "react-icons/ai";
import {
FaInstagramSquare,
FaLinkedin,
FaFacebookSquare,
FaHtml5,
FaPython,
FaGitAlt,
FaGithub,
FaJava,
FaJs,
FaCss3Alt,
FaYoutube,
} from "react-icons/fa";
import { BsFiletypeXml } from "react-icons/bs";
import { TbBrandCpp, TbBrandKotlin } from "react-icons/tb";
import { RiTailwindCssFill } from "react-icons/ri";
import { FaSquareXTwitter } from "react-icons/fa6";
import { IoLogoGithub } from "react-icons/io";
// Footer Social Icons
// This array holds the social media icons and links for the footer section.
// If you wish to add or remove any icons, modify the 'footerIcons' array below.
// Example: To change the Twitter icon, replace 'FaSquareXTwitter' with another icon.
const footerIcons = [
{
name: "x", // Social media name
component: FaSquareXTwitter, // Twitter icon from react-icons
link: "Your twitter link", // Replace with your actual Twitter URL
},
{
name: "linkedIn", // Social media name
component: FaLinkedin, // LinkedIn icon
link: "Your linkedIn link", // Replace with your actual LinkedIn URL
},
{
name: "facebook",
component: FaFacebookSquare, // Facebook icon
link: "Your facebook link",
},
{
name: "instagram",
component: FaInstagramSquare, // Instagram icon
link: "Your instagram link",
},
{
name: "github",
component: IoLogoGithub, // GitHub icon
link: "Your github link",
},
// You can add more icons or remove existing ones based on your social profiles.
];
// Header Text and Logo Configuration
// 'textLogo' is used for displaying the text logo on your portfolio. You can replace it with your name.
// 'imgLogo' is optional and can be used to show an image logo.
const textLogo = "John Doe"; // Replace with your name or brand name
const imgLogo = null; // Replace with an image file if you want to use an image logo
// Navigation Menu Items
// This array defines the navigation menu items. Add or remove items as necessary.
const navElements = ["About", "Education", "Skills", "Projects", "Contact"];
// About Page Configuration
// This object contains all the details for the "About" section of the portfolio.
// Replace dummy values with your actual information.
const AboutPage = {
authorProfile: "", // Your profile image link
authorDescription:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt ad architecto sint quaerat necessitatibus hic voluptas odio ex quidem eaque quo dicta, corrupti, incidunt quis reiciendis aperiam maiores molestias autem?", // Short bio or description about yourself
getInTouchUrl: "Your contact url", // URL for your contact or form page
authorName: "John Doe", // Replace with your name
profileImgTagLine: "Software Engineer @ Google", // Your tagline or job title
authorContactMail: "[email protected]", // Your email address
authorContactNumber: "843-695-0671", // Your contact number (optional)
};
// Education Details
// This array holds your education information. Replace the data with your actual education history.
// You can add more education objects if necessary.
const EducationPage = [
{
graduationYear: 2021, // Year of graduation
degreeType: "High School", // Type of degree
institution: "XYZ College", // Institution name
institutionUrl: "", // Institution website link (optional)
},
{
graduationYear: 2027, // Year of graduation
degreeType: "Bachelor's degree", // Degree type
institution: "XYZ University", // Institution name
institutionUrl: "", // Institution website link (optional)
},
// Add more educational qualifications if needed
];
// Certifications Section
// This array holds the details of certifications you have earned. Replace with your actual certificates.
// To add more certifications, simply copy and modify the object structure below.
const CertificatesPage = [
{
img: "Your certificate image", // Certificate image URL
title: "Blue Mountain Certificate", // Certificate title
description: "Lorem ipsum...", // Short description of the certification
issuedBy: "Blue Mountain", // Issuer (e.g., Coursera, Google, etc.)
credentialURL: "", // Optional: URL to verify the certificate (if applicable)
},
{
img: "Your certificate image", // Certificate image URL
title: "Blue Mountain Certificate", // Certificate title
description: "Lorem ipsum...", // Short description of the certification
issuedBy: "Blue Mountain", // Issuer (e.g., Coursera, Google, etc.)
credentialURL: "", // Optional: URL to verify the certificate (if applicable)
},
{
img: "Your certificate image", // Certificate image URL
title: "Blue Mountain Certificate", // Certificate title
description: "Lorem ipsum...", // Short description of the certification
issuedBy: "Blue Mountain", // Issuer (e.g., Coursera, Google, etc.)
credentialURL: "", // Optional: URL to verify the certificate (if applicable)
},
{
img: "Your certificate image", // Certificate image URL
title: "Blue Mountain Certificate", // Certificate title
description: "Lorem ipsum...", // Short description of the certification
issuedBy: "Blue Mountain", // Issuer (e.g., Coursera, Google, etc.)
credentialURL: "", // Optional: URL to verify the certificate (if applicable)
},
{
img: "Your certificate image", // Certificate image URL
title: "Blue Mountain Certificate", // Certificate title
description: "Lorem ipsum...", // Short description of the certification
issuedBy: "Blue Mountain", // Issuer (e.g., Coursera, Google, etc.)
credentialURL: "", // Optional: URL to verify the certificate (if applicable)
},
// Add more certificates following the structure above
];
// Skills Section Icons
// The 'skillsPage' array lists the skill icons to display in the portfolio.
// To add or remove icons, import them from react-icons and include them here.
// Example: import { AiFillAmazonSquare } from "react-icons/ai" and add AiFillAmazonSquare below.
const skillsPage = [
FaGitAlt,
FaGithub,
TbBrandCpp,
FaJava,
FaJs,
TbBrandKotlin,
FaPython,
FaHtml5,
BsFiletypeXml,
FaCss3Alt,
RiTailwindCssFill,
FaYoutube,
];
// Projects Section
// Replace the dummy project data with your actual projects.
// You can add or remove projects as needed.
const projectsPage = [
{
projectName: "Git clone", // Project name
projectDescription: "lorem ipsum...", // Project description
projectURL: "", // Optional: Project demo link (if hosted)
githubRepositoryURL: "", // Optional: GitHub repository link
tags: "Flask, React.js, MongoDB, Rest API", // Tech stack used in the project
date: "Sep 2022 - May 2023", // Project duration
},
{
projectName: "Git clone", // Project name
projectDescription: "lorem ipsum...", // Project description
projectURL: "", // Optional: Project demo link (if hosted)
githubRepositoryURL: "", // Optional: GitHub repository link
tags: "Flask, React.js, MongoDB, Rest API", // Tech stack used in the project
date: "Sep 2022 - May 2023", // Project duration
},
// Add more projects or remove the ones you don't need
];
// Exporting all components for use in other parts of the application
export {
navElements,
textLogo,
imgLogo,
AboutPage,
footerIcons,
EducationPage,
skillsPage,
projectsPage,
CertificatesPage,
};