Skip to content

Commit

Permalink
Added smart coaster project
Browse files Browse the repository at this point in the history
  • Loading branch information
@vaaranan-y
vaaranan-y committed Jan 7, 2025
1 parent fff2ee3 commit 0adbe97
Show file tree
Hide file tree
Showing 2 changed files with 95 additions and 25 deletions.
Binary file added src/pages/Slides/gif-smart-coaster-demo.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.
120 changes: 95 additions & 25 deletions src/pages/Slides/projectslide.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ import { Link } from "react-scroll";
import "../styles.css";
import CodePlusDemo from "./gif-codeplus-demo.gif";
import InstaRecipeDemo from "./gif-instarecipe-demo.gif";
import Ycsa from "./gif-ycsa-demo.gif";
import YcsaDemo from "./gif-ycsa-demo.gif";
import SmartCoasterDemo from "./gif-smart-coaster-demo.gif";
import Container from "react-bootstrap/Container";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
Expand Down Expand Up @@ -34,10 +35,14 @@ export default function ProjectSlide() {
</h1>

<Row>
<Col lg={4} md={12} style={{ marginTop: 50, marginBottom: 50 }}>
<Col
lg={6}
md={18}
style={{ marginTop: size <= 992 ? 0 : 50, marginBottom: 50 }}
>
<div
style={{
background: "-webkit-linear-gradient(#89CFF0, #0096FF)",
background: "-webkit-linear-gradient(#0096FF, #89CFF0)",
padding: "2.5%",
borderRadius: "1%",
border: "4px solid #FFFFFF",
Expand All @@ -46,7 +51,7 @@ export default function ProjectSlide() {
>
<Row>
<img
src={CodePlusDemo}
src={SmartCoasterDemo}
alt="loading..."
style={{
width: "100%",
Expand All @@ -63,7 +68,7 @@ export default function ProjectSlide() {
fontWeight: "700",
}}
>
CODE PLUS
SMART COASTER
</h1>
<p
style={{
Expand All @@ -74,8 +79,9 @@ export default function ProjectSlide() {
fontWeight: "400",
}}
>
A note taking application designed for CS courses to allow
students to write and annotate code presented in class.
A coaster built with an ESP32 microcontroller that monitor my water consumption levels
and send the results to a Swift-based Mobile App. The raw data is sent to Firebase, and
an Express.js server performs the necessary calculations to determine the user's hydration levels.
</p>
</Row>
<Row style={{ justifyContent: "center" }}>
Expand All @@ -88,7 +94,7 @@ export default function ProjectSlide() {
display: "flex",
fontFamily: "Avenir",
}}
href="https://github.com/vaaranan-y/codeplus"
href={"https://github.com/vaaranan-y/smart-coaster"}
>
<FaGithub id={"socialIcon"} />
GitHub
Expand All @@ -97,8 +103,80 @@ export default function ProjectSlide() {
</div>
</Col>
<Col
lg={4}
md={12}
lg={6}
md={18}
style={{ marginTop: size <= 992 ? 0 : 50, marginBottom: 50 }}
>
<div
style={{
background: "-webkit-linear-gradient(#89CFF0, #0096FF)",
padding: "2.5%",
borderRadius: "1%",
border: "4px solid #FFFFFF",
height: "100%",
}}
>
<Row>
<img
src={YcsaDemo}
alt="loading..."
style={{
width: "100%",
}}
/>
</Row>
<Row style={{ justifyContent: "center" }}>
<h1
style={{
textAlign: "center",
fontFamily: "Avenir",
margin: "5%",
fontSize: 30,
fontWeight: "700",
}}
>
YOUTUBE VIDEO SENTIMENT ANALYZER
</h1>
<p
style={{
textAlign: "center",
fontFamily: "Avenir",
fontSize: 17.5,
width: "90%",
fontWeight: "300",
}}
>
A chrome extension that analyzes the comments of a YouTube video
a user is currently watching, and returns the overall sentiment
score on a scale of 0% to 100% (a pseudo replacement for the now
removed dislike button)
</p>
</Row>
<Row style={{ justifyContent: "center" }}>
<Button
variant="dark"
style={{
width: "50%",
justifyContent: "center",
alignItems: "center",
display: "flex",
fontFamily: "Avenir",
}}
href={
"https://github.com/vaaranan-y/youtube-comment-sentiment-chrome-ext"
}
>
<FaGithub id={"socialIcon"} />
GitHub
</Button>
</Row>
</div>
</Col>
</Row>
<Row>
<Col
lg={6}
md={18}
style={{ marginTop: size <= 992 ? 0 : 50, marginBottom: 50 }}
>
<div
Expand Down Expand Up @@ -163,11 +241,7 @@ export default function ProjectSlide() {
</Row>
</div>
</Col>
<Col
lg={4}
md={12}
style={{ marginTop: size <= 992 ? 0 : 50, marginBottom: 50 }}
>
<Col lg={6} md={18} style={{ marginTop: 50, marginBottom: 50 }}>
<div
style={{
background: "-webkit-linear-gradient(#89CFF0, #0096FF)",
Expand All @@ -179,7 +253,7 @@ export default function ProjectSlide() {
>
<Row>
<img
src={Ycsa}
src={CodePlusDemo}
alt="loading..."
style={{
width: "100%",
Expand All @@ -196,21 +270,19 @@ export default function ProjectSlide() {
fontWeight: "700",
}}
>
YOUTUBE VIDEO SENTIMENT ANALYZER
CODE PLUS
</h1>
<p
style={{
textAlign: "center",
fontFamily: "Avenir",
fontSize: 17.5,
width: "90%",
fontWeight: "300",
fontWeight: "400",
}}
>
A chrome extension that analyzes the comments of a YouTube video
a user is currently watching, and returns the overall sentiment
score on a scale of 0% to 100% (a pseudo replacement for the now
removed dislike button)
A note taking application designed for CS courses to allow
students to write and annotate code presented in class.
</p>
</Row>
<Row style={{ justifyContent: "center" }}>
Expand All @@ -223,9 +295,7 @@ export default function ProjectSlide() {
display: "flex",
fontFamily: "Avenir",
}}
href={
"https://github.com/vaaranan-y/youtube-comment-sentiment-chrome-ext"
}
href="https://github.com/vaaranan-y/codeplus"
>
<FaGithub id={"socialIcon"} />
GitHub
Expand Down

0 comments on commit 0adbe97

Please sign in to comment.