-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
135 lines (129 loc) · 6.72 KB
/
index.html
File metadata and controls
135 lines (129 loc) · 6.72 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jingrui Feng's Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Roboto+Slab:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header class="hero-section">
<div class="hero-overlay">
<h1>Jingrui Feng</h1>
<p>Passionate Developer | Tech Enthusiast | Lifelong Learner</p>
<button class="cta-button"><a href="#projects">View My Work</a></button>
</div>
<button class="hamburger" aria-label="Open navigation menu">
<i class="fas fa-bars"></i>
</button>
<nav>
<ul id="nav-menu">
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#coursework">Coursework</a></li>
<li><a href="#lifestyle-hobbies">Lifestyle & Hobbies</a></li>
</ul>
</nav>
</header>
<main>
<div class="content-container">
<section id="about">
<div class="about-container">
<div class="photo-container">
<img src="profile.jpeg" alt="Jingrui Feng">
</div>
<div class="about-text">
<h2>About Me</h2>
<p>Seeking an entry-level internship in software development, web development, and other information technology-related fields.</p>
</div>
</div>
</section>
<section id="education">
<h2>Education</h2>
<p><strong>B.S. in Information Technology and Web Science</strong><br>
Rensselaer Polytechnic Institute (2021-2025)<br>
GPA: 3.53/4.0</p>
</section>
<section id="experience">
<h2>Work Experience</h2>
<div class="experience">
<h3>Software Engineer Intern - Haier Group Corporation</h3>
<p><strong>Qingdao, China | Sep 2023 - Dec 2023</strong></p>
<ul>
<li>Developed and promoted software modularization programs to enhance efficiency and software performance.</li>
<li>Designed and optimized software architecture, resolving development process issues.</li>
<li>Participated in whole machine control program development, testing, and certification.</li>
</ul>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="project-cards">
<div class="project-card">
<h3>Ryan’s Ice Cream Online Ordering System</h3>
<p><strong>Software Developer | Troy, USA | Jan 2024 - Apr 2024</strong></p>
<p>Collaborated with a team to design and implement an online ordering system, enhancing the customer experience for ice cream and cake lovers.</p>
<p><strong>Technologies:</strong> Web Development, AppFront, Secure Payments, Cross-Platform Compatibility</p>
</div>
<div class="project-card">
<h3>RPI Foodies Dining Hall Food Ranking Website</h3>
<p><strong>Full Stack Developer | Troy, USA | Sep 2022 - Jan 2023</strong></p>
<p>Developed a platform that allows users to post and rank dining hall food, utilizing sorting algorithms for enhanced user engagement.</p>
<p><strong>Technologies:</strong> PHP, MySQL, HTML, CSS, JavaScript</p>
</div>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="skills-container">
<div class="skill-item"><i class="fa-brands fa-cuttlefish"></i> C++</div>
<div class="skill-item"><i class="fa-brands fa-python"></i> Python</div>
<div class="skill-item"><i class="fa-solid fa-c"></i> C</div>
<div class="skill-item"><i class="fa-brands fa-google"></i> Flutter</div>
<div class="skill-item"><i class="fa-brands fa-react"></i> React</div>
<div class="skill-item"><i class="fa-brands fa-js-square"></i> JavaScript</div>
<div class="skill-item"><i class="fa-brands fa-java"></i> Java</div>
<div class="skill-item"><i class="fa-brands fa-php"></i> PHP</div>
<div class="skill-item"><i class="fa-solid fa-database"></i> MongoDB</div>
<div class="skill-item"><i class="fa-solid fa-database"></i> MySQL</div>
<div class="skill-item"><i class="fa-solid fa-network-wired"></i> REST APIs</div>
<div class="skill-item"><i class="fa-solid fa-file-code"></i> XML, JSON</div>
</div>
</section>
<section id="coursework">
<h2>Relevant Coursework</h2>
<ul>
<li>Data Structures</li>
<li>Web System Development</li>
<li>Introduction to Algorithms</li>
<li>Operating Systems</li>
<li>Principles of Software</li>
<li>Software Documentation and Design</li>
<li>Introduction to AI</li>
<li>Parallel Programming</li>
</ul>
</section>
<section id="lifestyle-hobbies">
<h2>Lifestyle & Hobbies</h2>
<p>I'm passionate about photography, gaming, and staying up-to-date with the latest tech products. These hobbies fuel my creativity and technical skills.</p>
</section>
</div>
</main>
<footer>
<p>© 2024 Jingrui Feng. All rights reserved.</p>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('.hamburger').addEventListener('click', function() {
document.getElementById('nav-menu').classList.toggle('nav-active');
});
});
</script>
</body>
</html>