diff --git a/README.md b/README.md index e318374..9a97f73 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,12 @@ -

- -

-# about.me (என்னை பற்றி) + +# about.me Mobile-friendly single page resume template built with the perfect fourth ratio. ## Demo -[https://vjai.github.io/about.me/](https://vjai.github.io/about.me/) +https://tharun1409.github.io/about.me/ ## Supported Browsers diff --git a/ScreenShot-1.png b/ScreenShot-1.png deleted file mode 100644 index 6ea634e..0000000 Binary files a/ScreenShot-1.png and /dev/null differ diff --git a/ScreenShot-2.png b/ScreenShot-2.png deleted file mode 100644 index deeeb40..0000000 Binary files a/ScreenShot-2.png and /dev/null differ diff --git a/aboutme.css b/aboutme.css index 389e5d9..ac226ce 100644 --- a/aboutme.css +++ b/aboutme.css @@ -12,7 +12,8 @@ --xxs-size: 0.682rem; --xxxs-size: 0.563rem; --x4s-size: 0.422rem; - font-size: var(--base-size); } + font-size: var(--base-size); +} @media only screen and (min-width: 1500px) { :root { @@ -28,58 +29,84 @@ --xs-size: 0.682rem; --xxs-size: 0.619rem; --xxxs-size: 0.465rem; - --x4s-size: 0.384rem; } } + --x4s-size: 0.384rem; + } +} @font-face { - font-family: 'fontello'; + font-family: "fontello"; src: url("assets/icons/fontello.eot?12209906"); - src: url("assets/icons/fontello.eot?12209906#iefix") format("embedded-opentype"), url("assets/icons/fontello.woff?12209906") format("woff"), url("assets/icons/fontello.ttf?12209906") format("truetype"), url("assets/icons/fontello.svg?12209906#fontello") format("svg"); + src: url("assets/icons/fontello.eot?12209906#iefix") + format("embedded-opentype"), + url("assets/icons/fontello.woff?12209906") format("woff"), + url("assets/icons/fontello.ttf?12209906") format("truetype"), + url("assets/icons/fontello.svg?12209906#fontello") format("svg"); font-weight: normal; - font-style: normal; } + font-style: normal; +} h1 { font-size: var(--x5l-size); color: #adb8b5; - margin-bottom: 0; } + margin-bottom: 0; +} -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: "Bebas Neue", cursive; letter-spacing: 2px; - margin-top: 0; } + margin-top: 0; +} h2 { border-bottom: dashed 4px #ffde08; font-size: var(--xxl-size); margin-bottom: var(--xl-size); - color: #adb8b5; } + color: #adb8b5; +} h3 { font-size: var(--lg-size); - margin-bottom: var(--md-size); } + margin-bottom: var(--md-size); +} h4 { font-size: var(--md-size); color: #909e9a; - margin-bottom: var(--sm-size); } + margin-bottom: var(--sm-size); +} ul { - padding-left: var(--xxl-size); } - @media only screen and (min-width: 1080px) { - ul { - padding-left: var(--xxxl-size); } } - @media only screen and (min-width: 1080px) { - ul { - padding-left: var(--x4l-size); } } - ul li { - margin-bottom: var(--x4s-size); } + padding-left: var(--xxl-size); +} +@media only screen and (min-width: 1080px) { + ul { + padding-left: var(--xxxl-size); + } +} +@media only screen and (min-width: 1080px) { + ul { + padding-left: var(--x4l-size); + } +} +ul li { + margin-bottom: var(--x4s-size); +} a { text-decoration: none; color: inherit; border-bottom: dotted 1px; - transition: color 0.250s; } - a:hover, a:active { - color: #d4b800; } + transition: color 0.25s; +} +a:hover, +a:active { + color: #d4b800; +} .icon { font-family: "fontello"; @@ -89,14 +116,15 @@ a { display: inline-block; text-decoration: inherit; width: 1em; - margin-right: .2em; + margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; - margin-left: .2em; + margin-left: 0.2em; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } + -moz-osx-font-smoothing: grayscale; +} body { font-family: "PT Sans", sans-serif; @@ -105,245 +133,316 @@ body { display: flex; flex-direction: column; padding: 0; - margin: 0; } - body .left { - width: 100%; - height: 100vh; - box-shadow: 5px 0 5px -5px #cccccc; - background-image: url("assets/photo-2.jpeg"); - background-size: cover; - background-position: center; - filter: grayscale(90%); - transition: filter 0.5s; } - body .left:hover { - filter: none; } - body .right { - padding: var(--xl-size); - flex-grow: 1; } - body .right .scrim { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100vh; - background-color: #262626; - z-index: 1; - opacity: 0.3; } - body .right .head { - text-align: center; - margin: var(--xxl-size) 0; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100vh; - z-index: 2; } - body .right .head h1 { - color: #ffde08; - text-shadow: 1px 1px #adb8b5; } - body .right .head p { - text-transform: uppercase; - letter-spacing: 1px; - margin: 0; - font-size: var(--md-size); - font-weight: bold; - color: #f2f2f2; } - body .right .head .contact-info { - display: inline-flex; - flex-direction: column; - margin: var(--xxxl-size) auto var(--xl-size) auto; - font-size: var(--sm-size); - flex-wrap: wrap; - justify-content: center; - color: #f2f2f2; - position: absolute; - bottom: var(--md-size); - right: var(--md-size); } - body .right .head .contact-info a { - display: flex; - align-items: center; - margin-bottom: var(--xxs-size); - border-bottom: none; } - body .right .head .contact-info a:last-child:after { - content: ''; - padding: 0; } - body .right .head .contact-info a:hover { - color: #ffde08; } - @media only screen and (min-width: 700px) { - body .right .head { - height: auto; } - body .right .head .contact-info { - position: static; - flex-direction: row; } - body .right .head .contact-info a:hover { - color: #d4b800; } - body .right .head .contact-info a:after { - content: "|"; - padding-right: var(--lg-size); - padding-left: var(--lg-size); } } - @media only screen and (min-width: 1080px) { - body .right .scrim { - display: none; } - body .right .head { - position: static; - height: auto; } - body .right .head p { - color: inherit; } - body .right .head .contact-info { - color: inherit; - opacity: 0.7; - position: static; - flex-direction: row; } - body .right .head .contact-info a:hover { - color: #d4b800; } - body .right .head .contact-info a:after { - content: "|"; - padding-right: var(--lg-size); - padding-left: var(--lg-size); } } - body .right .intro { - margin-bottom: var(--x4l-size); } - body .right .intro p { - font-size: var(--lg-size); } - body .right .intro p::first-letter { - font-size: var(--xxl-size); - font-family: "Bebas Neue", cursive; - line-height: 1; } - body .right .section { - margin-bottom: var(--x4l-size); } - body .right .section h3, body .right .section h4 { - margin-bottom: 0; } - body .right .section .top-row { - display: flex; - align-items: center; - margin-bottom: var(--md-size); } - body .right .section .top-row h3 { - margin-right: var(--x4s-size); } - body .right .section .top-row a { - border-bottom: none; } - body .right .section .top-row > * { - flex-grow: 1; } - body .right .section .experience, body .right .section .education { - margin-bottom: var(--xxxl-size); } - body .right .section .experience .manager { - font-size: var(--sm-size); - color: #909e9a; } - body .right .section .experience .manager span:first-child { - font-weight: bold; } - body .right .section .experience .manager span:last-child { - font-style: italic; } - body .right .section .duration { - text-align: right; - font-size: var(--sm-size); - color: #909e9a; } - body .right .section .cards .card { - border: solid 1px #eeeeee; - transition: box-shadow .1s ease-in-out; - background-color: #ffffff; - margin-bottom: var(--lg-size); - display: flex; - padding: var(--lg-size); } - body .right .section .cards .card .card-left { - margin-right: var(--md-size); } - body .right .section .cards .card .card-left img { - border-radius: 50%; - border: solid 1px #eeeeee; - width: var(--x5l-size); } - body .right .section .cards .card .card-right { - flex-grow: 1; } - body .right .section .cards .card .card-right .reputation { - display: flex; - align-items: center; - font-size: var(--sm-size); - color: #909e9a; } - body .right .section .cards .card .card-right .reputation > div:not(:last-child) { - margin-right: var(--md-size); } - body .right .section .cards .card:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); } - body .right .section .languages .language { - display: flex; - align-items: center; - margin-bottom: var(--xs-size); } - body .right .section .languages .language div:first-child { - width: 12rem; - font-size: var(--lg-size); } - body .right .section .languages .language .fluency { - display: flex; } - body .right .section .languages .language .fluency span { - width: var(--lg-size); - height: var(--lg-size); - margin-right: var(--md-size); - border: solid 2px #909e9a; - border-radius: 50%; - cursor: pointer; - transition: all 0.250s; } - body .right .section .languages .language .fluency span.selected { - background-color: #909e9a; } - body .right .section .languages .language .fluency span.selected:hover { - background-color: #ffde08; } - body .right .section .languages .language .fluency span:hover { - border-color: #ffde08; } - body .right .section .interests { - list-style: none; - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; } - body .right .section .interests li { - padding: 5px 8px; - background-color: #ffffff; - border: solid 1px #909e9a; - margin-right: var(--md-size); - border-radius: 5px; - margin-bottom: var(--xs-size); - cursor: pointer; - transition: all 0.250s; } - body .right .section .interests li:hover { - background-color: #636363; - color: #ffffff; } - body .right .chips { - display: flex; - flex-wrap: wrap; - font-size: var(--sm-size); } - body .right .chips .chip { - cursor: pointer; - background: #636363; - border-radius: 3px 0 0 3px; - color: #fafafa; - display: inline-block; - height: 1.625rem; - line-height: 1.625rem; - padding: 0 1rem 0 1.25rem; - position: relative; - margin: .625rem .5rem 0 0; - transition: all .25s; } - body .right .chips .chip::before { - background: #fafafa; - border-radius: .625rem; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); - content: ''; - height: .375rem; - left: .5rem; - position: absolute; - width: .375rem; - top: .65rem; - transition: all .25s; } - body .right .chips .chip::after { - background: #fafafa; - border-bottom: .8125rem solid transparent; - border-left: 0.625rem solid #636363; - border-top: .8125rem solid transparent; - content: ''; - position: absolute; - right: 0; - top: 0; - transition: all .25s; } - body .right .chips .chip:hover { - background-color: #ffde08; - color: #636363; } - body .right .chips .chip:hover::after { - border-left: 0.625rem solid #ffde08; } - body .right footer .social-links { + margin: 0; +} +body .left { + width: 100%; + height: 100vh; + box-shadow: 5px 0 5px -5px #cccccc; + background-image: url("assets/myprofile.jpeg"); + background-size: cover; + background-position: center; + filter: grayscale(90%); + transition: filter 0.5s; +} +body .left:hover { + filter: none; +} +body .right { + padding: var(--xl-size); + flex-grow: 1; +} +body .right .scrim { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100vh; + background-color: #262626; + z-index: 1; + opacity: 0.3; +} +body .right .head { + text-align: center; + margin: var(--xxl-size) 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100vh; + z-index: 2; +} +body .right .head h1 { + color: #ffde08; + text-shadow: 1px 1px #adb8b5; +} +body .right .head p { + text-transform: uppercase; + letter-spacing: 1px; + margin: 0; + font-size: var(--md-size); + font-weight: bold; + color: #f2f2f2; +} +body .right .head .contact-info { + display: inline-flex; + flex-direction: column; + margin: var(--xxxl-size) auto var(--xl-size) auto; + font-size: var(--sm-size); + flex-wrap: wrap; + justify-content: center; + color: #f2f2f2; + position: absolute; + bottom: var(--md-size); + right: var(--md-size); +} +body .right .head .contact-info a { + display: flex; + align-items: center; + margin-bottom: var(--xxs-size); + border-bottom: none; +} + +body .right .head .contact-info a:last-child:after { + content: ""; + padding: 0; +} +body .right .head .contact-info a:hover { + color: #ffde08; +} +@media only screen and (min-width: 700px) { + body .right .head { + height: auto; + } + body .right .head .contact-info { + position: static; + flex-direction: row; + } + body .right .head .contact-info a:hover { + color: #d4b800; + } + body .right .head .contact-info a:after { + content: "|"; + padding-right: var(--lg-size); + padding-left: var(--lg-size); + } +} +@media only screen and (min-width: 1080px) { + body .right .scrim { + display: none; + } + body .right .head { + position: static; + height: auto; + } + body .right .head p { + color: inherit; + } + body .right .head .contact-info { + color: inherit; + opacity: 0.7; + position: static; + flex-direction: row; + } + body .right .head .contact-info a:hover { + color: #d4b800; + } + body .right .head .contact-info a:after { + content: "|"; + padding-right: var(--lg-size); + padding-left: var(--lg-size); + } +} +body .right .intro { + margin-bottom: var(--x4l-size); +} +body .right .intro p { + font-size: var(--lg-size); +} +body .right .intro p::first-letter { + font-size: var(--xxl-size); + font-family: "Bebas Neue", cursive; + line-height: 1; +} +body .right .section { + margin-bottom: var(--x4l-size); +} +body .right .section h3, +body .right .section h4 { + margin-bottom: 0; +} +body .right .section .top-row { + display: flex; + align-items: center; + margin-bottom: var(--md-size); +} +body .right .section .top-row h3 { + margin-right: var(--x4s-size); +} +body .right .section .top-row a { + border-bottom: none; +} +body .right .section .top-row > * { + flex-grow: 1; +} +body .right .section .experience, +body .right .section .education { + margin-bottom: var(--xxxl-size); +} +body .right .section .experience .manager { + font-size: var(--sm-size); + color: #909e9a; +} +body .right .section .experience .manager span:first-child { + font-weight: bold; +} +body .right .section .experience .manager span:last-child { + font-style: italic; +} +body .right .section .duration { + text-align: right; + font-size: var(--sm-size); + color: #909e9a; +} +body .right .section .cards .card { + border: solid 1px #eeeeee; + transition: box-shadow 0.1s ease-in-out; + background-color: #ffffff; + margin-bottom: var(--lg-size); + display: flex; + padding: var(--lg-size); +} +body .right .section .cards .card .card-left { + margin-right: var(--md-size); +} +body .right .section .cards .card .card-left img { + border-radius: 50%; + border: solid 1px #eeeeee; + width: var(--x5l-size); +} +body .right .section .cards .card .card-right { + flex-grow: 1; +} +body .right .section .cards .card .card-right .reputation { + display: flex; + align-items: center; + font-size: var(--sm-size); + color: #909e9a; +} +body + .right + .section + .cards + .card + .card-right + .reputation + > div:not(:last-child) { + margin-right: var(--md-size); +} +body .right .section .cards .card:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); +} +body .right .section .languages .language { + display: flex; + align-items: center; + margin-bottom: var(--xs-size); +} +body .right .section .languages .language div:first-child { + width: 12rem; + font-size: var(--lg-size); +} +body .right .section .languages .language .fluency { + display: flex; +} +body .right .section .languages .language .fluency span { + width: var(--lg-size); + height: var(--lg-size); + margin-right: var(--md-size); + border: solid 2px #909e9a; + border-radius: 50%; + cursor: pointer; + transition: all 0.25s; +} +body .right .section .languages .language .fluency span.selected { + background-color: #909e9a; +} +body .right .section .languages .language .fluency span.selected:hover { + background-color: #ffde08; +} +body .right .section .languages .language .fluency span:hover { + border-color: #ffde08; +} +body .right .section .interests { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; +} +body .right .section .interests li { + padding: 5px 8px; + background-color: #ffffff; + border: solid 1px #909e9a; + margin-right: var(--md-size); + border-radius: 5px; + margin-bottom: var(--xs-size); + cursor: pointer; + transition: all 0.25s; +} +body .right .section .interests li:hover { + background-color: #636363; + color: #ffffff; +} +body .right .chips { + display: flex; + flex-wrap: wrap; + font-size: var(--sm-size); +} +body .right .chips .chip { + cursor: pointer; + background: #636363; + border-radius: 3px 0 0 3px; + color: #fafafa; + display: inline-block; + height: 1.625rem; + line-height: 1.625rem; + padding: 0 1rem 0 1.25rem; + position: relative; + margin: 0.625rem 0.5rem 0 0; + transition: all 0.25s; +} +body .right .chips .chip::before { + background: #fafafa; + border-radius: 0.625rem; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); + content: ""; + height: 0.375rem; + left: 0.5rem; + position: absolute; + width: 0.375rem; + top: 0.65rem; + transition: all 0.25s; +} +body .right .chips .chip::after { + background: #fafafa; + border-bottom: 0.8125rem solid transparent; + border-left: 0.625rem solid #636363; + border-top: 0.8125rem solid transparent; + content: ""; + position: absolute; + right: 0; + top: 0; + transition: all 0.25s; +} +body .right .chips .chip:hover { + background-color: #ffde08; + color: #636363; +} +body .right .chips .chip:hover::after { + border-left: 0.625rem solid #ffde08; +} +/* body .right footer .social-links { text-align: center; } body .right footer .social-links a { color: #636363; @@ -352,14 +451,70 @@ body { body .right footer .social-links a i { font-size: var(--lg-size); } body .right footer .social-links a:hover { - color: #ffde08; } + color: #ffde08; } */ + .download-btn { + display: inline-block; + padding: 10px 20px; + margin-top: 15px; + background-color: #ff6b6b; + color: white; + text-decoration: none; + border-radius: 5px; + transition: 0.3s ease-in-out; + } + + .download-btn:hover { + background-color: #e63946; + } + + .card-right a { + color: #0077b6; + text-decoration: none; + font-weight: bold; + margin-right: 10px; + } + + .card-right a:hover { + text-decoration: underline; + } + + .card-right a:active { + color: #005f87; + } + +footer h3 { + font-size: 1.2rem; + margin-bottom: 1rem; + color: #070a0b; +} +footer p { + font-size: 1rem; + margin: 5px 0; +} +footer a { + color: #3498db; + text-decoration: none; + font-weight: bold; +} + +footer a:hover { + text-decoration: underline; +} + +footer a:active { + color: #2980b9; +} @media only screen and (min-width: 1080px) { body { - flex-direction: row; } - body .left { - width: 42.86%; - position: fixed; } - body .right { - margin-left: 42.86%; - padding: var(--lg-size) var(--xxxl-size); } } + flex-direction: row; + } + body .left { + width: 42.86%; + position: fixed; + } + body .right { + margin-left: 42.86%; + padding: var(--lg-size) var(--xxxl-size); + } +} diff --git a/assets/TharunFrontend.pdf b/assets/TharunFrontend.pdf new file mode 100644 index 0000000..58e7b39 Binary files /dev/null and b/assets/TharunFrontend.pdf differ diff --git a/assets/books-world.jpg b/assets/books-world.jpg new file mode 100644 index 0000000..928b645 Binary files /dev/null and b/assets/books-world.jpg differ diff --git a/assets/e-commerce-1.jpg b/assets/e-commerce-1.jpg new file mode 100644 index 0000000..7c961ef Binary files /dev/null and b/assets/e-commerce-1.jpg differ diff --git a/assets/icons/fontello.eot b/assets/icons/fontello.eot deleted file mode 100755 index 624f03e..0000000 Binary files a/assets/icons/fontello.eot and /dev/null differ diff --git a/assets/myprofile.jpeg b/assets/myprofile.jpeg new file mode 100644 index 0000000..81bfed8 Binary files /dev/null and b/assets/myprofile.jpeg differ diff --git a/assets/photo-1.jpeg b/assets/photo-1.jpeg deleted file mode 100644 index 6af3036..0000000 Binary files a/assets/photo-1.jpeg and /dev/null differ diff --git a/assets/photo-2.jpeg b/assets/photo-2.jpeg deleted file mode 100644 index 06f7ec0..0000000 Binary files a/assets/photo-2.jpeg and /dev/null differ diff --git a/assets/project-1.jpeg b/assets/project-1.jpeg deleted file mode 100644 index 41a19f7..0000000 Binary files a/assets/project-1.jpeg and /dev/null differ diff --git a/assets/project-2.jpeg b/assets/project-2.jpeg deleted file mode 100644 index c7da4ff..0000000 Binary files a/assets/project-2.jpeg and /dev/null differ diff --git a/assets/project-3.jpeg b/assets/project-3.jpeg deleted file mode 100644 index 7470d78..0000000 Binary files a/assets/project-3.jpeg and /dev/null differ diff --git a/assets/project-4.jpeg b/assets/project-4.jpeg deleted file mode 100644 index 6603a06..0000000 Binary files a/assets/project-4.jpeg and /dev/null differ diff --git a/index.html b/index.html index 3e8b214..276f80c 100644 --- a/index.html +++ b/index.html @@ -1,418 +1,344 @@ - - Jane Roe, Chief Technical Architect - - - - - - -
-
- -
-
- -
-

Jane Roe

- -

Chief Technical Architect

- -
- - - janeroe@gmail.com - - - - - 9876543210 - - - - - Bangalore, India - - - - - github.com/janeroe - - - - - janeroe - -
-
- -
-

About

- -

- Expert in front-end development with more than 10 years of experience in providing cutting-edge solutions to business problems - for top companies like Apple, Google and Microsoft. -

-
- -
-

Skills

- -
-
HTML
-
CSS
-
JavaScript
-
Angular
-
React
-
jQuery
-
TypeScript
-
RxJs
-
Ember
-
bootstrap
-
Web Components
-
Polymer
-
.NET
-
C#
-
SQL
-
SalesForce
-
ASP.NET
-
ASP.NET MVC
-
Silverlight
-
Java
-
Photoshop
-
Flash
-
-
- -
- -

Work Experience (10 Years)

- -
-
-

Chief Architect, Apple

- -
- 05/2016 — Present -
-
- -

Achievements / Tasks

- -
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
- -

- Contact: - Tim Cook, CEO -

-
- -
- -
-

Software Architect, Google

- -
- 01/2012 — 04/2016 -
-
- -

Achievements / Tasks

- -
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
- -

- Contact: - Vasil Denchev, Chief Software Architect -

-
- -
-
-

Associate Architect, Microsoft

- -
- 01/2012 — 04/2010 -
-
- -

Achievements / Tasks

- -
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis.
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar.
    • -
- -

- Contact: - Ray Ozzie, Software Architect -

-
-
- -
-

Education

- -
-
-

Massachusetts Institute of Technology

- -
- 02/2010 — 02/2006 -
-
- -

MS Computer Science

-
- -
-
-

Columbia University

- -
- 01/2006 — 01/2004 -
-
- -

Electronics & Communication Enginnering

-
- -
-
-

Carnegie Vanguard High School

- -
- 06/1992 — 05/2004 -
-
- -

School Education

-
-
- -
-

Achievements

- - -
- -
-

Personal Projects

- -
-
-
- -
-
-

l.e.g.o

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis. -

-
-
- Stars: - 100 -
- -
- Watchers: - 100 -
- -
- Forks: - 100 -
-
-
-
- -
-
- -
-
-

musquito

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis. -

-
-
- Stars: - 100 -
- -
- Watchers: - 100 -
- -
- Forks: - 100 -
-
-
-
- -
-
- -
-
-

JustBlog

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis. -

-
-
- Stars: - 100 -
- -
- Watchers: - 100 -
- -
- Forks: - 100 -
-
-
-
- -
-
- -
-
-

fibonacci

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pulvinar, risus ac porta sagittis. -

-
-
- Stars: - 100 -
- -
- Watchers: - 100 -
- -
- Forks: - 100 -
-
-
-
-
-
- -
-

Languages

- -
-
-
English
-
- - - - - -
-
- -
-
Tamil
-
- - - - - -
-
- -
-
Hindi
-
- - - - - -
-
-
-
- -
-

Interests

- - -
- - -
- - \ No newline at end of file + + Tharun Uppula, Frontend Developer + + + + + + + +
+ +
+
+ +
+

Tharun Uppula

+ +

React Developer | Frontend Developer

+ +
+ + + uppulatharun77@gmail.com + + + + + +91 9390078837 + + + + + Hyderabad, India + + + + + www.linkedin.com/in/tharun-frontend + +
+
+ + +
+

About

+ +

+ I’m a passionate React Developer with over + 1.7 years of experience in building high-performance web + applications. I specialize in React.js, TypeScript, Redux, and + API integrations to create scalable, user-friendly applications + that deliver seamless experiences. I am constantly learning and + adapting to new technologies to keep my skills up to date. +

+
+ +
+

Skills

+
+
ReactJS
+
JavaScript
+
TypeScript
+
Redux
+
RESTful APIs
+
Node.js
+
HTML5
+
CSS3
+
Styled-Components
+
Chart.js
+
Bootstrap
+
+
+ +
+

Work Experience (1 Year 7 months)

+ +
+
+

React Developer, Decode Solutions Private Limited

+ +
+ Aug 2023 — Present +
+
+ +

Achievements / Tasks

+
    +
  • + Building scalable and high-performance web applications using + ReactJS and TypeScript. +
    • +
  • + Collaborating with cross-functional teams to ensure seamless + integration of APIs and real-time updates. +
    • +
  • + Developing dynamic user interfaces with Chart.js for data + visualization and analytics. +
    • +
  • + Implementing Redux for state management and optimizing app + performance. +
    • +
+ + +
+
+ +
+

Education

+ +
+
+

Kakatiya University

+
+ 2019 — 2022 +
+
+

B.Tech in Information Technology

+

Percentage: 65%

+
+ +
+
+

State Board of Technical Education and Training (SBTET)

+
+ 2016 — 2019 +
+
+

Diploma in Mining Engineering

+

Percentage: 75%

+
+ +
+
+

St. Mary’s High School

+
+ 2016 +
+
+

Secondary Education (SSC)

+

GPA: 7.7

+
+
+ +
+

Certifications

+ +
+
+

Personal Projects

+ +
+
+
+ E-Commerce Web Application +
+
+

E-Commerce Web Application

+

+ A comprehensive online shopping platform with seamless product + browsing, cart management, secure checkout, and real-time sales + analytics using dynamic visualizations. +

+

Key Features:

+
    +
  • + Interactive product browsing with advanced filtering & sorting +
    • +
  • Secure checkout system with payment gateway integration
    • +
  • + Real-time inventory updates through RESTful API integration +
    • +
  • + Data-driven sales analytics dashboard using Chart.js +
    • +
  • + State management using Redux for efficient cart and + filtering operations +
    • +
  • + Responsive and mobile-first UI with Styled-Components +
    • +
+

+ Tech Stack: ReactJS, Redux, TypeScript, + Styled-Components, Chart.js, React Router, Axios +

+
+
+ +
+
+ +
+
+

+ Book Finder App +

+ +

+ A Book Finder application developed during my training that + allows users to search for books by title, author, or genre. + Built with + React and RESTful APIs, the app offers an + intuitive interface and quick results. +

+

Key Features:

+
    +
  • + Search functionality with real-time results based on book + title, author, and genre +
    • +
  • API integration for fetching book details and metadata
    • +
  • Responsive design for both desktop and mobile users
    • +
+ + View Code + +
+
+
+
+ +
+

Languages

+ +
+
+
English
+
+ + + + + +
+
+ +
+
Tamil
+
+ + + + + +
+
+ +
+
Hindi
+
+ + + + + +
+
+
+
+ +
+

Interests

+ +
+ +
+ +
+
+ +