Skip to content

Commit

Permalink
adding new files
Browse files Browse the repository at this point in the history
  • Loading branch information
@neeharavula
neeharavula committed May 20, 2024
2 parents ef4728a + 1dde6e0 commit 9a309ed
Show file tree
Hide file tree
Showing 20 changed files with 137 additions and 59 deletions.
Binary file added assets/Resume.pdf
View file
Binary file not shown.
Binary file modified assets/logos/ahacks.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/logos/t4g1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/t4g/final-ide.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/t4g/ide1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,16 +37,16 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>

<!-- SUMMARY -->
<section class="summary appear">
<h2>UNDER CONSTRUCTION</h2>
<!--<h2>Neeha is a <i>Software Engineer</i> and <i>creative</i> based in <i>San Diego, CA</i> passionate about the intersectionality of <i>design</i> and <i>computation</i>.</h2>
-->
<!--<h2>UNDER CONSTRUCTION</h2>-->
<h2><i>Neeha</i> is a <i>Software Engineer</i> and <i>creative</i> based in <i>San Diego, CA</i> passionate about the intersectionality of <i>design</i> and <i>computation</i>.</h2>

</section>

</div>
Expand Down
47 changes: 43 additions & 4 deletions res/about.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* BODY & BACKGROUND */

body {
background: #f3f3ef;
background: #FDFDFA;
min-height: 100%;
animation: fadeInAnimation ease 1.3s;
}
Expand Down Expand Up @@ -35,10 +35,10 @@ body {
}

#section1 .right-section h2 {
margin-bottom: 1em;
margin-bottom: 0.5em;
font-family: "Bai Jamjuree", sans-serif;
color: #333333;
font-size: 2.7em;
font-size: 2.3em;
font-weight: 400;
/* Add this to remove top margin */
}
Expand All @@ -48,9 +48,33 @@ body {
font-family: "Bai Jamjuree", sans-serif;
color: #333333;
line-height: 1.5em;
font-size: 1.3em;
font-size: 1.1em;
font-weight: 300;
}
#section1 .social-button {
text-align: left;
margin-top: 2em;
}

#section1 .rounded-rectangle {
box-sizing: border-box;
padding: 0.5em 1.5em;
border: 1px solid #333333;
border-radius: 20px;
background-color: transparent;
color: #333333;
text-align: center;
font-family: "JetBrains Mono", monospace;
font-size: 0.8em;
font-weight: 200;
text-decoration: none;
display: inline-block;
}

#section1 .rounded-rectangle:hover {
background-color: #333333;
color: #f3f3ef;
}


/* PAGE DIVIDER */
Expand Down Expand Up @@ -122,6 +146,18 @@ body {
aspect-ratio: 3/4;
}

@media only screen and (min-width: 1524px) {
#section1 .right-section h2 {
font-size: 2.7em;
margin-bottom: 1em;
}
#section1 .right-section p {
font-size: 1.3em;
}
#section1 .rounded-rectangle {
font-size: 1em;
}
}

/* MOBILE MEDIA QUERY */

Expand All @@ -146,6 +182,9 @@ body {
#section1 .right-section p {
font-size: 1.3em;
}
#section1 .social-button {
text-align: center;
}
#section2 {
flex-direction: column;
padding-bottom: 3em;
Expand Down
9 changes: 6 additions & 3 deletions res/global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
html {
overflow-x: hidden;
}

strong {
font-weight: 500;
}
Expand All @@ -30,6 +30,7 @@
nav {
width: 100%;
padding: 20px;
z-index: 1000;
}

.navbar ul {
Expand Down Expand Up @@ -66,7 +67,7 @@
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
z-index: 1100;
}

#hamburger div {
Expand All @@ -85,16 +86,18 @@
#hamburger {
display: block;
transition: 1s ease;
z-index: 1100
}
.navbar {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #f3f3ef;
background-color: #FDFDFA;
transform: translateY(-100%);
transition: 0.5s;
z-index: 1050;
}
.navbar ul {
width: 100%;
Expand Down
2 changes: 1 addition & 1 deletion res/play.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* BODY & BACKGROUND */

body {
background: #f3f3ef;
background: #FDFDFA;
min-height: 100%;
animation: fadeInAnimation ease 1.3s;
}
Expand Down
12 changes: 6 additions & 6 deletions res/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,12 +99,12 @@ window.addEventListener("resize", () => {

// WORK PAGE TILES
var workExperiences = [
{ path: "../src/nm.html", year: 2023, season: "SUMMER", projectName: "Northwestern Mutual", background: "../assets/logos/nm.png", description: "SEE INTERNSHIP ➚" },
{ path: "../src/melodics.html", year: 2023, season: "SPRING", projectName: "Melodics", background: "../assets/logos/melodics.png", description: "SEE PROJECT ➚" },
{ path: "../src/ga.html", year: 2022, season: "SUMMER", projectName: "General Atomics", background: "../assets/logos/ga.png", description: "SEE INTERNSHIP ➚" },
{ path: "../src/course-planner.html", year: 2023, season: "SPRING", projectName: "Course Planner", background: "../assets/logos/cp.png", description: "SEE PROJECT ➚" },
{ path: "../src/t4g.html", year: 2023, season: "SPRING", projectName: "Tech 4 Good", background: "../assets/logos/t4g1.png", description: "SEE EXPERIENCE ➚" },
{ path: "../src/ahacks.html", year: 2021, season: "WINTER", projectName: "USC AthenaHacks", background: "../assets/logos/ahacks.png", description: "SEE HACKATHON ➚" },
{ path: "../src/nm.html", year: 2023, season: "SUMMER", projectName: "Northwestern Mutual", background: "../assets/logos/nm.png", description: "SEE INTERNSHIP 🡥" },
{ path: "../src/melodics.html", year: 2023, season: "SPRING", projectName: "Melodics", background: "../assets/logos/melodics.png", description: "SEE PROJECT 🡥" },
{ path: "../src/ga.html", year: 2022, season: "SUMMER", projectName: "General Atomics", background: "../assets/logos/ga.png", description: "SEE INTERNSHIP 🡥" },
{ path: "../src/course-planner.html", year: 2023, season: "SPRING", projectName: "Course Planner", background: "../assets/logos/cp.png", description: "SEE PROJECT 🡥" },
{ path: "../src/t4g.html", year: 2023, season: "SPRING", projectName: "Tech 4 Good", background: "../assets/logos/t4g1.png", description: "SEE EXPERIENCE 🡥" },
{ path: "../src/ahacks.html", year: 2021, season: "WINTER", projectName: "USC AthenaHacks", background: "../assets/logos/ahacks.png", description: "SEE HACKATHON 🡥" },
];

// SORT WORK TILES BY YEAR AND SEASON (NEWEST -> OLDEST)
Expand Down
26 changes: 19 additions & 7 deletions res/work.css
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
/* BODY & BACKGROUND */

body {
background: #f3f3ef;
background: #FDFDFA;
min-height: 100%;
animation: fadeInAnimation ease 1.3s;
}


/* WORK EXPERIENCE TILES */

.work-tiles {
Expand Down Expand Up @@ -36,15 +35,15 @@ body {

.year {
font-family: "JetBrains Mono", monospace;
color: #f3f3ef;
color: #FDFDFA;
font-size: 1em;
font-weight: 200;
}

.project-name {
font-size: 2.5em;
font-family: "Bai Jamjuree", sans-serif;
color: #f3f3ef;
color: #FDFDFA;
text-align: left;
font-weight: 400;
}
Expand Down Expand Up @@ -199,6 +198,14 @@ body {
padding-bottom: 1em;
}

#section2 .titles-captions .title-caption .t4g-image {
display: block;
margin: 2em auto;
border-radius: 15px;
width: 100%;
max-width: 900px;
}

#section2 .titles-captions .title-caption .frame-container {
display: flex;
width: 100vw;
Expand Down Expand Up @@ -235,7 +242,7 @@ body {

#section2 .rounded-rectangle:hover {
background-color: #333333;
color: #f3f3ef;
color: #FDFDFA;
}


Expand All @@ -250,6 +257,7 @@ body {
#section2 .bubble {
background-color: #ffffff;
border-radius: 25px;
border: 1px solid #333333;
color: #333333;
padding-top: 0.5em;
padding-left: 1em;
Expand Down Expand Up @@ -309,7 +317,7 @@ body {
.cursor-bubble {
position: fixed;
display: none;
background-color: #f3f3ef;
background-color: #FDFDFA;
color: #333333;
padding: 7px 12px 7px 12px;
border-radius: 15px;
Expand Down Expand Up @@ -392,12 +400,16 @@ body {
#section2 h3 {
font-size: 1.4em;
}
#section2 .titles-captions .title-caption .t4g-image {
width: 85%;
margin: 1em auto;
}
#section2 .bubble-container {
flex-direction: column;
align-items: center;
}
#section2 .bubble {
background-color: #ffffff;
background-color: #FDFDFA;
border-radius: 25px;
color: #333333;
padding-top: 0.5em;
Expand Down
16 changes: 11 additions & 5 deletions src/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>
Expand All @@ -55,11 +55,17 @@ <h2>Hi, I'm Neeha!</h2>
<br><br> I've always approached software engineering as a creative endeavor (similar to solving a puzzle or composing a piece of music) and enjoy the iterative process of understanding problems, crafting user-friendly designs, and
implementing functional and scalable solultions that empower real-world scenarios. I'm passionate about the areas of full-stack development, UI/UX design, and AI, and am always looking for opportunities that lie at the intersection
of these interests.
<br><br> Outside of tech, you can find me hiking by the beach, playing piano, browsing my next travel destination (it's an obsession), or finding my next song fixation on Spotify. Feel free to reach out and say hi! &#9786

</p>
</p>
<br><br> Outside of tech, you can find me hiking by the beach, playing piano, browsing my next travel destination (it's an obsession), or finding my next song fixation on Spotify. Feel free to reach out and say hi! &#9786<br><br>
</p>
<div class="social-button">
<a href="link" target="_blank" class="rounded-rectangle grow">LINKEDIN</a>
</div>
<div class="social-button">
<a href="link" target="_blank" class="rounded-rectangle grow">GITHUB</a>
</div>
<div class="social-button">
<a href="link" target="_blank" class="rounded-rectangle grow">INSTAGRAM</a>
</div>
</div>
</section>

Expand Down
4 changes: 2 additions & 2 deletions src/ahacks.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>
Expand Down Expand Up @@ -70,7 +70,7 @@ <h2>Overview</h2>
<p>We developed the flow control and voice functions of our application using <strong>Twilio Console Studio</strong>, using interactions such as "split based on dial or speech" and "connect call to." We linked our <strong>Twilio flow chart</strong> to our mobile user interface using <strong>React-Native</strong> and published the application through the <strong>Expo-CLI</strong> framework. Learn more at the link below!</p>
</div>
<div class="see-project-button">
<a href="https://devpost.com/software/usc_sos" target="_blank" class="rounded-rectangle grow">USC SOS DEVPOST ➚</a>
<a href="https://devpost.com/software/usc_sos" target="_blank" class="rounded-rectangle grow">USC SOS DEVPOST <span>&#8599;</span></a>
</div>
</div>
</section>
Expand Down
4 changes: 2 additions & 2 deletions src/course-planner.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>
Expand Down Expand Up @@ -67,7 +67,7 @@ <h2>Overview</h2>
a Python-based web framework that allows for the development of efficient database driven web applications (similar to Django or Flask). See our project below!</p>
</div>
<div class="see-project-button">
<a href="https://github.com/CoursePlanner183/courseplanner/tree/main/apps/courseplanner" target="_blank" class="rounded-rectangle grow">SEE COURSE PLANNER ➚</a>
<a href="https://github.com/CoursePlanner183/courseplanner/tree/main/apps/courseplanner" target="_blank" class="rounded-rectangle grow">SEE COURSE PLANNER <span>&#8599;</span></a>
</div>
</div>
</section>
Expand Down
4 changes: 2 additions & 2 deletions src/ga.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>
Expand Down Expand Up @@ -63,7 +63,7 @@ <h2>General Atomics<br>Software Development Internship</h2>
<div class="titles-captions">
<div class="title-caption">
<h2>Overview</h2>
<p><strong><a href="https://www.ga.com/" target="_blank" class="hover-underline-animation">General Atomics</a></strong> is a global defense company with several affiliate divisions including <strong>Aeronautical Systems (GA-ASI)</strong> and <strong>Electromagnetic Systems (GA-EMS)</strong>. I spent the summer working as a Software Developer Intern on a <strong>Modeling and
<p><strong><a href="https://www.ga.com/" target="_blank" class="hover-underline-animation">General Atomics <span>&#8599;</span></a></strong> &nbsp;is a global defense company with several affiliate divisions including <strong>Aeronautical Systems (GA-ASI)</strong> and <strong>Electromagnetic Systems (GA-EMS)</strong>. I spent the summer working as a Software Developer Intern on a <strong>Modeling and
Simulation</strong> team under GA-ASI's <strong>Autonomy and AI</strong> department, which is responsible for the delivery of military-grade <strong>unmanned aerial vehicle (UAV)</strong> ground station flight simulation software.</p>
</div>
<div class="title-caption">
Expand Down
8 changes: 4 additions & 4 deletions src/melodics.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<li class="hover-underline-animation grow"><a href="../src/work.html">WORK</a></li>
<li class="hover-underline-animation grow"><a href="../src/play.html">PLAY</a></li>
<li class="hover-underline-animation grow"><a href="../src/about.html">ABOUT</a></li>
<li class="hover-underline-animation grow"><a>RESUME</a></li>
<li class="hover-underline-animation grow"><a href="../assets/Resume.pdf" target="_blank">RESUME</a></li>
</ul>
</div>
</nav>
Expand Down Expand Up @@ -89,7 +89,7 @@ <h2 class="appear">Research & Insights</h2>
<li class="appear">Most people who haven't produced music before did so due to a <strong>lack of ability</strong> or trust in their ability to learn</li>
<li class="appear">People lacked the <strong>motivation and time</strong> to learn complicated music production tools</li>
<li class="appear">Some experienced producers didn't want to feel like they were working when making music; they wanted it to remain an <strong>enjoyable and creative pursuit</strong></li>
<p class="appear">From these findings, we were able to establish a goal for <strong>Melodics</strong>: to foster a fun, motivational, and collaborative environment for new and seasoned music producers alike. It would function as a social media website
<p class="appear"><br>From these findings, we were able to establish a goal for <strong>Melodics</strong>: to foster a fun, motivational, and collaborative environment for new and seasoned music producers alike. It would function as a social media website
that allows users to not only publish songs in-progress, but also publish them as a collection of individual audio tracks. From there, other users can give feedback by commenting on tracks or communicate with friends privately
through direct messages, and ultimately make the production learning process less of a solo journey for those who seek guidance and community. </p>
</div>
Expand All @@ -103,8 +103,8 @@ <h2 class="appear">Design & Usability Testing</h2>
<img src="../assets/melodics/userflow.png" alt="user flow diagram" class="user-flow appear">
<p class="appear">From there, we began our prototyping process by sketching out key frames onto paper, determining color, font, and organizational schemes that best adhered to our goals, and finally turning them into fully-functional, interactive prototypes
with <strong>Figma</strong>, ready for usability testing.</p>
<p class="appear">[ insert pictures of sketch and final prototypes ]</p>
<p class="appear">We had three participants from varying experience-levels with music production test our high-fidelity prototype. Overall, our styles, color scheme, and design choices generated positive reactions from our participants. However, they

<p class="appear"><br>We had three participants from varying experience-levels with music production test our high-fidelity prototype. Overall, our styles, color scheme, and design choices generated positive reactions from our participants. However, they
sought a better overall cohesion of details (icons and color uses) and more interaction, especially with our chat system and our mascot, Mozart the frog. We further improved our prototype based on this feedback until we achieved
a final design that satisfied our goals and requirements. Some of these improvements included creating additional frames/pages relevant to collaboration (friend suggestions, user profiles, etc.), redesigning our mascot to provide
usage tips and enhance users' experience, and adjusting our fonts and icons to be more consistent and pleasing to the eye.</p>
Expand Down
Loading

0 comments on commit 9a309ed

Please sign in to comment.