Skip to content

Instantly share code, notes, and snippets.

@Chandra-Sekhar-Bala

Chandra-Sekhar-Bala/Index.heml

Created July 14, 2024 17:38
Show Gist options
  • Save Chandra-Sekhar-Bala/8b52b06c2f5adbd515383f19c9ee05e3 to your computer and use it in GitHub Desktop.
Save Chandra-Sekhar-Bala/8b52b06c2f5adbd515383f19c9ee05e3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Index.heml
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Chandra Sekhar Bala | Portfolio Website | Developer</title>
<meta name="description"
content="Chandra Sekhar Bala is an passionate Android Developer with good problem solvng skills, currently pursuing final year Masters in Computer Application">
<meta name="author" content="Chandra Sekhar Bala">
<meta name="keywords" content="Chandra Sekhar, mumbai, developer, android developer" />
<meta name="subject" content="Chandra Sekhar's Portfolio">
<meta name="copyright" content="Chandra Sekhar Bala">
<meta name="language" content="EN">
<meta name="robots" content="index, follow" />
<meta name="abstract" content="Chandra Sekhar Bala">
<meta name="topic" content="Chandra Sekhar portfolio">
<meta name="summary" content="This is Chandra Sekhar's Portfolio Website who is a Developer">
<meta name="Classification" content="Business">
<meta name="author" content="Chandra Sekhar, [email protected]">
<meta name="designer" content="Chandra sekhar">
<meta name="copyright" content="Chandra sekhar">
<meta name="reply-to" content="[email protected]">
<meta name="owner" content="Chandra sekhar">
<meta name="url" content="https://Chandra-Sekhar-Bala.github.io/Portfolio/">
<meta name="identifier-URL" content="https://Chandra-Sekhar-Bala.github.io/Portfolio/">
<meta name="directory" content="submission">
<meta name="category" content="Business | Portfolio">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<meta http-equiv="Expires" content="0">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/vendor.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153937526-1"></script> -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-153937526-1');
</script>
<!-- favicons ================================================== -->
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body id="top">
<!-- header
================================================== -->
<header>
<div class="">
<div class="bar">
<a class="menu-toggle" href="#"><span>Menu</span></a>
<div class="logo">
<a href="index.html">Chandra Sekhar</a>
</div>
<nav id="main-nav-wrap">
<ul class="main-navigation">
<li class="current"><a class="smoothscroll" href="#intro" title="">Home</a></li>
<li><a class="smoothscroll" href="#about" title="">About</a></li>
<li><a href="https://drive.google.com/file/d/1NiEPuBB7zKVzx9De9r1o1ZRIzw4U5RCe/view"
target="_blank">Resume</a></li>
<li><a class="smoothscroll" href="#portfolio" title="">Portfolio</a></li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li>
</ul>
</nav>
</div> <!-- /top-bar -->
</div> <!-- /row -->
</header> <!-- /header -->
<!-- intro section
================================================== -->
<section id="intro">
<div class="intro-overlay"></div>
<div class="intro-content">
<div class="row">
<div class="col-twelve">
<h5>Hello, World.</h5>
<h1>I<span style="color: #CC005F;">'</span>m Chandra Sekhar<span
style="color: #CC005F;">.</span></h1>
<p class="intro-position">
<span>Developer</span>
<span>Freelancer</span>
</p>
<a class="button stroke smoothscroll" href="#about" title="">More About Me</a>
</div>
</div>
</div> <!-- /intro-content -->
<ul class="intro-social">
<li><a href="https://www.linkedin.com/in/chandra-sekhar-bala"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/im_chandra100"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://leetcode.com/Chandra-Sekhar-Bala/"><i class="fa fa-code"></i></a></li>
<li><a href="https://github.com/Chandra-Sekhar-Bala"><i class="fa fa-github"></i></a></li>
</ul> <!-- /intro-social -->
</section> <!-- /intro -->
<!-- about section
================================================== -->
<section id="about">
<div class="row section-intro">
<div class="col-twelve">
<!-- YouTube section ================================================== -->
<h5>About</h5>
<h2>Let me introduce myself.</h2>
<div class="intro-info">
<img src="images/profile-pic.jpg" alt="Chandra Sekhar Bala">
<p class="lead">"Lad with a <font color="#FF0077">million</font> dreams."</p>
</div>
</div>
</div> <!-- /section-intro -->
<div class="row about-content">
<div class="col-six tab-full">
<h3>Profile</h3>
<p>👋 Hi there! I'm Chandra Sekhar Bala, an Android Developer with a passion for building awesome
mobile experiences.<br><br>
💼Seeking a challenging role that leverages my Android development expertise, offers
opportunities
for growth, and fosters a collaborative and innovative work environment.<br><br>
🧠 As a seasoned Android developer, I bring a strong background in developing scalable and
efficient applications. My expertise in
Android SDK, Hilt, and MVVM repository pattern enables me to craft seamless user experiences.
<br><br>
<ul class="info-list">
<li>
<strong>Fullname:</strong>
<span style="color: #ec0772;">Chandra Sekhar bala</span>
</li>
<li>
<strong>Website:</strong>
<span><a href="#">https://Chandra-Sekhar-Bala.github.io/Portfolio/</a></span>
</li>
<li>
<strong>Email:</strong>
<span style="color: blue;"><a href="mailto:[email protected]"> [email protected]
</a></span>
</li>
</ul> <!-- /info-list -->
</div>
<div class="col-six tab-full">
<h3>Skills</h3>
<p>
<strong>Languages:</strong><br />
<b>English :</b><br /> Read, Write, Speak : <i>Native</i><br />
<b>Bengali :</b><br /> Read, Write, Speak : <i>Mother Tounge</i><br />
<b>Hindi :</b><br /> Speak : <i>Workable</i><br />
</p>
<ul class="skill-bars">
<li>
<!-- <div class="progress percent95"><span>95%</span></div> -->
<strong>Android </strong>
</li>
<li>
<!-- <div class="progress percent90"><span>90%</span></div> -->
<strong>Kotlin</strong>
</li>
<li>
<!-- <div class="progress percent85"><span>90%</span></div> -->
<strong>Java</strong>
</li>
<li>
<!-- <div class="progress percent75"><span>75%</span></div> -->
<strong>Git</strong>
</li>
<li>
<!-- <div class="progress percent75"><span>75%</span></div> -->
<strong>Github</strong>
</li>
</ul> <!-- /skill-bars -->
</div>
</div>
<div class="row button-section">
<div class="col-twelve">
<a href="#contact" title="Hire Me" class="button stroke smoothscroll">Hire Me</a>
<a href="Chandras_resume.pdf" class="button button-primary">Download
Resume</a>
</div>
</div>
</section>
<!-- Portfolio Section
================================================== -->
<section id="portfolio">
<div class="row section-intro">
<div class="col-twelve">
<h5>Portfolio</h5>
<h2>Check Out Some of My Projects.</h2>
<p class="lead" style="color: black;">These Projects have helped me develop my Skills and understand the Industry better.
</p>
<h4>**Click on images for sources 👇🏽**</h4>
</div>
</div> <!-- /section-intro-->
<div class="row portfolio-content">
<div class="col-twelve">
<!-- portfolio-wrapper -->
<div id="folio-wrapper" class="block-1-2 block-mob-full stack">
<div class="bgrid folio-item">
<center>
<h3>AnimeZone Android App</h3></b>
</center>
<div class="item-wrap">
<img src="images/portfolio/AnimeZone.png" alt="AnimeZone Android Application">
<a href="#modal-01" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">AnimeZone Android Application</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div> <!-- /folio-item -->
<div class="bgrid folio-item">
<center>
<h3>Todo Android App</h3>
</center>
<div class="item-wrap">
<img src="images/portfolio/Todo.png" alt="TODO Android Application">
<a href="#modal-02" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">TODO App</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div> <!-- /folio-item -->
<div class="bgrid folio-item">
<center>
<h3>PlayCode Android App <h3>
</center>
<div class="item-wrap">
<img src="images/portfolio/Play_code.png" alt="Mobile Code runner">
<a href="#modal-03" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">PlayCode App</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div> <!-- /folio-item -->
<div class="bgrid folio-item">
<center>
<h3>Attandence Management Android App</h3>
</center>
<div class="item-wrap">
<img src="images/portfolio/Attandence.png" alt="Attandence managemtn application">
<a href="#modal-04" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">Attandence Management App</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div> <!-- /folio-item -->
<div class="bgrid folio-item">
<center>
<h3>Movies Android App</h3>
</center>
<div class="item-wrap">
<img src="images/portfolio/Movies.png" alt="Movie search and Save android app">
<a href="#modal-05" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">Movies App</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div>
<div class="bgrid folio-item">
<center>
<h3>Crypto Android App</h3>
</center>
<div class="item-wrap">
<img src="images/portfolio/Crypto_app.png" alt="Movie search and Save android app">
<a href="#modal-06" class="overlay">
<div class="folio-item-table">
<div class="folio-item-cell">
<h3 class="folio-title">Crypto App</h3>
<span class="folio-types">
Android App Development
</span>
</div>
</div>
</a>
</div>
</div>
<!-- /folio-item -->
<!-- modal popups - begin
============================================================= -->
<div id="modal-01" class="popup-modal slider mfp-hide">
<div class="media">
<img src="images/portfolio/AnimeZone.png" alt="AnimeZone Android Application" />
</div>
<div class="description-box">
<h4>AnimeZone Android App</h4>
<p>AnimeZone Android app built with Room an Jina api</p>
<div class="categories">Android App Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/AnimeZone">Github</a>
<a href="https://youtu.be/zCd29PxkHhs">Youtube</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div> <!-- /modal-08 -->
<div id="modal-02" class="popup-modal slider mfp-hide">
<div class="media">
<img src="images/portfolio/Todo.png" alt="Todo Android app" />
</div>
<div class="description-box">
<h4>Todo Android App</h4>
<p>Todo app built with Room local database and Motivation api</p>
<div class="categories">Android App Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/MVVM-ToDo">Github</a>
<a href="https://youtube.com/shorts/tG56qY2irbk?feature=share">Youtube</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div> <!-- /modal-07 -->
<div id="modal-03" class="popup-modal slider mfp-hide">
<div class="media">
<img src="images/portfolio/Play_code.png" alt="Show World Film Directory Website" />
</div>
<div class="description-box">
<h4>PlayCode</h4>
<p>An Android app to run code by clicking picture or writing code</p>
<div class="categories">Android Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/PlayCode">Github</a>
<a href="https://youtu.be/2qfQ2m5tJXM">Youtube</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div> <!-- /modal-06 -->
<div id="modal-04" class="popup-modal slider mfp-hide">
<div class="media">
<img src="images/portfolio/Attandence.png" alt="Attendance-Management-App" />
</div>
<div class="description-box">
<h4>Attandence Management App</h4>
<p>Easily create classes and streams, take attendance with a simple swipe system, and
track attendance data for each
student</p>
<div class="categories">Android App Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/Attendance-Management-App">Github</a>
<a href="https://youtube.com/shorts/1jJoFh6suks?feature=share">Youtube</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div>
<!-- /modal-05 -->
<div id="modal-05" class="popup-modal slider mfp-hide">
<div class="media">
<img src="images/portfolio/Movies.png" alt="Button Press" />
</div>
<div class="description-box">
<h4>Movies App</h4>
<p>A movie searching application can search and see details about the movie with a
locally favored save feature.</p>
<div class="categories">Android App Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/Movie-Search">Github</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div> <!-- /modal-04 -->
<div id="modal-06" class="popup-modal slider mfp-hide">
l̥
<div class="media">
<img src="images/portfolio/Crypto_app.png" alt="Button Press" />
</div>
<div class="description-box">
<h4>Crypto App</h4>
<p>Track all the Crypto Currency in a single app. Organise by CMC_Rank, click filter and
choose your favorite sort method.</p>
<div class="categories">Android App Development</div>
</div>
<div class="link-box">
<a href="https://github.com/Chandra-Sekhar-Bala/CryptoApp">Github</a>
<a href="#" class="popup-modal-dismiss">Close</a>
</div>
</div> <!-- /modal-06 -->
<!-- modal popups - end
============================================================= -->
</div> <!-- /portfolio-wrapper -->
</div> <!-- /twelve -->
</div> <!-- /portfolio-content -->
</section> <!-- /portfolio -->
<!-- resume Section
================================================== -->
<section id="resume" class="grey-section">
<div class="row resume-timeline">
<div class="col-twelve resume-header">
<h2>Work Experience</h2>
</div> <!-- /resume-header -->
<div class="col-twelve">
<div class="timeline-wrap">
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Android SDE Intern</h3>
<p>Jun 2023 - Aug 2023</p>
</div>
<div class="timeline-content">
<h4><a href="https://www.linkedin.com/company/goglobally/">GoGlobally</a></h4>
<p>
<B>#Work Responsibilities:</B>
<ul>
<li>Successfully published the Android app "Notie: Notification Tracker" on Google
Play Store.</li>
<li>Integrated Firebase for Google authentication and referral program.</li>
<li>Integrated email OTP verification for secure and seamless user signup.</li>
<li>Utilized problem-solving skills for data calculation and representation,
improving the app's functionality.</li>
<li>Followed the DRY principle in Kotlin code and XML designs.</li>
<li>Used NavGraph with SafeArgs in the Home screen with a bottom navigation bar and
Payment screens.</li>
<li>Integrated AdMob Banner and Interstitial ads to make the app profitable and
increase revenue.</li>
<li>Integrated Google Play Store subscription for premium features such as No Ads,
User analysis (Graph, Charts),
and more.</li>
<li>Collaborated with team members through Git-GitHub for version control and smooth
code integration.</li>
</ul>
</p>
</div>
</div>
</div>
</div>
<div class="col-twelve">
<div class="timeline-wrap">
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Android Develper Intern</h3>
<p>Nov 2021 - Feb 2022</p>
</div>
<div class="timeline-content">
<h4><a href="https://nashbud.com">Nashbud inc</a></h4>
<p>
<B>#Work Responsibilities:</B>
<ul>
<li>Optimized layouts using ConstrainLayout to simplify UI design.</li>
<li>Implemented Retrofit library for HTTP request execution and REST API
integration.</li>
<li>Conducted API testing using PostMan and ThunderClient.</li>
<li>Designed and implemented new UI layouts using XML.</li>
<li>Improved sign-up workflow for better user experience.</li>
<li>Added animations to enhance visual appeal.</li>
<li>Rebuilt story chat feature for improved functionality.</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row resume-timeline">
<div class="col-twelve resume-header">
<h2>Education</h2>
</div> <!-- /resume-header -->
<div class="col-twelve">
<div class="timeline-wrap">
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Masters Degree</h3>
<p>July 2022 - 2024 (Present)</p>
</div>
<div class="timeline-content">
<h4><a href="https://bcrec.ac.in">Dr. B.C. Roy Engineering Colege</a></h4>
<p>Currently pursuing MCA Degree specialization in Software Development at Dr. B.C. Roy
Engineering Colege, Durgapur - West Bengal</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Bachelor's Degree</h3>
<p>July 2019 - 2022</p>
</div>
<div class="timeline-content">
<h4><a href="https://www.bims.co.in">B.I.M.S</a></h4>
<p>Completed Bachalors BCA Degree specialization in Computer Application at B.I.M.S -
West Bengal</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Schooling</h3>
<p>20011 - 2019</p>
</div>
<div class="timeline-content">
<h4><a href="#">Sanko C.S High School</a></h4>
<p>Completed my schooling through West Bengal Board, Sanko (Burdwan) - West Bengal.</p>
</div>
</div> <!-- /timeline-block -->
</div> <!-- /timeline-wrap -->
</div> <!-- /col-twelve -->
</div> <!-- /resume-timeline -->
</section> <!-- /features -->
<!-- contact
================================================== -->
<section id="contact">
<div class="row section-intro">
<div class="col-twelve">
<h5>Contact</h5>
<h2>I'd Love To Hear From You.</h2>
<p class="lead">Feel free to Contact Me:</p>
</div>
</div> <!-- /section-intro -->
<div class="row contact-form">
<div class="col-twelve">
<!-- form -->
<form name="form" id="contactForm" method="POST" action="https://formspree.io/f/xeqwyknb">
<fieldset>
<div class="form-field">
<input name="name" type="text" id="contactName" placeholder="Name" value=""
minlength="2" required="">
</div>
<div class="form-field">
<input name="_replyto" type="email" id="contactEmail" placeholder="Email" value=""
required="">
</div>
<div class="form-field">
<input name="_subject" type="text" id="contactSubject" placeholder="Subject" value="">
</div>
<div class="form-field">
<textarea name="message" id="contactMessage" placeholder="message" rows="10" cols="50"
required=""></textarea>
</div>
<div class="form-field">
<button class="submitform" name="submit">Submit</button>
<div id="submit-loader">
<div class="text-loader">Sending...</div>
<div class="s-loader">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
</fieldset>
</form>
<!-- contact-warning -->
<div id="message-warning">
</div>
<!-- contact-success -->
<div id="message-success">
<i class="fa fa-check"></i>Your message was sent, thank you!<br>
</div>
</div> <!-- /col-twelve -->
</div> <!-- /contact-form -->
<div class="row contact-info">
<div class="col-four tab-full">
<div class="icon">
<i class="icon-pin"></i>
</div>
<h5>Where to find me</h5>
<p>
Burdwan, West Bengal<br>
713141 India
</p>
</div>
<div class="col-four tab-full collapse">
<div class="icon">
<i class="icon-mail"></i>
</div>
<h5>Email Me At</h5>
<p>[email protected]
</p>
</div>
<div class="col-four tab-full">
<div class="icon">
<i class="icon-phone"></i>
</div>
<h5>Call Me At</h5>
<p>Phone: Telegram (<a href="https://t.me/codin_dark">Chandra Sekhar Bala</a>)
</p>
</div>
</div> <!-- /contact-info -->
</section> <!-- /contact -->
<!-- footer ================================================== -->
<footer>
<div class="row">
<div class="col-six tab-full pull-right social">
<ul class="footer-social">
<li><a href="https://www.linkedin.com/in/chandra-sekhar-bala/"><i
class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/im_chandra100"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://github.com/Chandra-Sekhar-Bala"><i class="fa fa-github"></i></a></li>
</ul>
</div>
<div class="col-six tab-full">
<div class="copyright">
<span>© Copyright 2023 </span>
<span>Design by <a href="https://www.linkedin.com/in/chandra-sekhar-bala/">Chandra Sekhar
Bala</a></span>
</div>
</div>
<div id="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-long-arrow-up"></i></a>
</div>
</div> <!-- /row -->
</footer>
<div id="preloader">
<div id="loader"></div>
</div>
<!-- Java Script
================================================== -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment