-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (142 loc) · 7.55 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tharwin Carr</title>
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
</head>
<body>
<nav class='nav-bar'>
<img src="Images/My-Logo2.png" class='mylogo' alt='tc logo'>
<ul id='myLinks'>
<li class='link'>
<a href= '#about'>About</a>
</li>
<li class='link'>
<a href= '#project'>Projects</a>
</li>
<li class='link'>
<a href= '#contact'>Contact</a>
</li>
</ul>
</nav>
<main>
<header>
<h1 class='title'>Tharwin Carr - <br>
<span class='webDev'>
Web Developer
</span>
</h1>
<img src='Images/Profile-pic.jpeg' class='profilepic' alt='picture of Tharwin' />
</header>
<section id= 'about'>
<h2>
About Me
</h2>
<p class= 'aboutMe'>
I am a web developer who recently graduated from Bloc's coding boot camp. I strive to write clean, efficient code,
and enjoy spending my time perfecting this craft. I love coding because it is challenging
and keeps my mind sharp. I look forward to working with developers who share the same passion
and excitement for coding like me. Outside of coding, my interests include playing basketball,
reading a good book, and hiking any of California's beautiful trails. I am always learning and
trying to better myself while having fun doing so!
</p>
</section>
<section id= 'project'>
<h3>
Projects
</h3>
<div class='description-container'>
<h4 class='projectTitle'>
Save The Date
</h4>
<p>Technology Used: PostgreSQL, Express, React, Node</p>
<p class= 'projectDescription'>
This app generates a random date idea and presents it to the user. Date ideas that the user would
like to save for later can be added to a favorites list. Also, there is a form for the user to submit a new
date idea that can be generated as well. This app was the first full capstone project I worked on while enrolled
in BLOC. I built this app because I wanted to help fix the problem of "What should we do today?".
</p>
<div class=btn-container>
<a href='https://save-the-date-wheat.vercel.app/' target='_blank' class='button view-project'>View the Project</a> <br />
</div>
<div class='btn-container'>
<a href='https://github.com/tharwin-carr/save_the_date' target='_blank' class='button view-client'>View the Client Code</a> <br />
</div>
<div class='btn-container'>
<a href='https://github.com/tharwin-carr/save-the-date-api' target='_blank' class='button view-server'>View the Server Code</a>
</div>
</div>
<div class='image-container'>
<img src='Images/savethedate.png' class='projectImage' alt='screenshot of save the date app'>
</div>
</section>
<section class='project'>
<h5 class='projectTitle'>
Smoothie Me
</h5>
<p>Technology Used: PostgreSQL, Express, React, Node</p>
<p class='projectDescription'>
This app generates a list of curated smoothie recipes. Each smoothie recipe can be expanded to show the details
of what is exactly in each smoothie. Also, there is a feature to add a smoothie to a favorites list so the user
can save the recipe for later. This app was the final capstone project I worked on while enrolled in BLOC. I built this
app because I drink smoothies almost every day and love trying new recipes.
</p>
<div class='btn-container'>
<a href='https://smoothie-me.vercel.app/' target='_blank' class='button'>View the Project</a>
</div>
<div class='btn-container'>
<a href='https://github.com/tharwin-carr/Smoothie-Me' target='_blank' class='button'>View the Client Code</a>
</div>
<div class='btn-container'>
<a href='https://github.com/tharwin-carr/smoothie-me-api' target='_blank' class='button'>View the Server Code</a>
</div>
<div>
<img src='Images/smoothieme.png' class='projectImage' alt='picture of imagery app'>
</div>
</section>
<section>
<h5 class='projectTitle'>
Imagery
</h5>
<p>Technology Used:</p>
<img src="https://img.icons8.com/ios-filled/40/000000/html-5.png" alt='HTML5 logo'/>,
<img src="https://img.icons8.com/ios-filled/40/000000/css3.png" alt='CSS3 logo'/>,
<img src="https://img.icons8.com/ios-filled/40/000000/javascript.png" alt='JavaScript logo'/>,
<img src='https://img.icons8.com/ios-filled/40/000000/jquery.png' alt='jQuery logo'/>
<p class='projectDescription'>
This app shows the user-curated images and also lets a user search for images by topic.
It shows the photographer under each image and allows the user to follow the photographer's
page or download it for personal use. This project was for BLOC during our API Hack Capstone module.
I chose to make this app because I love photography and like to follow new photographers. I went with a
simple design, which makes the app easy to use.
</p>
<div class='btn-container'>
<a href='https://tharwin-carr.github.io/Imagery/' target='_blank' class='button'>View the Project</a>
</div>
<div class='btn-container'>
<a href='https://github.com/tharwin-carr/Imagery' target='_blank' class='button'>View the Code</a>
</div>
<div>
<img src='Images/imagery.png' class='projectImage' alt='picture of imagery app'>
</div>
</section>
</main>
<footer id= 'contact'>
<p class='finalComments'>
The portfolio of Orange County, California-based web developer Tharwin Carr
</p>
<div class='email'>
<a href='mailto:[email protected]' target='_blank' class='emailButton'>Email Me</a>
</div>
<div class='ending'>
<a href='https://www.linkedin.com/in/tharwin-carr-92b7041a3/' target='_blank' class='repo'><img src="https://img.icons8.com/ios-filled/40/000000/linkedin-2.png" alt='LinkedIn logo'/></a>
<a href='https://github.com/tharwin-carr' target='_blank' class='linkedin'><img src="https://img.icons8.com/ios-filled/40/000000/github.png" alt='GitHub logo'/></a>
</div>
</footer>
</body>
</html>