Skip to content

Instantly share code, notes, and snippets.

@shoaibmehedi7

shoaibmehedi7/githubProfile.html

Created July 9, 2021 23:16
Show Gist options
  • Save shoaibmehedi7/e4f3563ab0c0d221270f5ad7d65a4a6b to your computer and use it in GitHub Desktop.
Save shoaibmehedi7/e4f3563ab0c0d221270f5ad7d65a4a6b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
githubProfile.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<style>
@font-face {
font-family: 'myfont' ;
src: url('/assets/OpenSansCondensed-Light.ttf') format('truetype');
}
html {
scroll-behavior: smooth;
}
body{
font-family: monospace;
font-size: x-large;
}
</style>
<title>MD. Shoaib Mehedi</title>
</head>
<body>
<div class="container fixed-top">
<nav class="navbar navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="#">MD. Shoaib Mehedi</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#aboutme">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Skill Set
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#skills">Skills</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#mentionable">Mentionable</a>
<a class="dropdown-item" href="#proficiency">Proficiency</a>
</div>
</li>
<li class="nav-item">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Projects
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#opensource">Project Contributions</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#researchproject">Research Projects</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/assets/Resume_Shoaib_Mehedi.pdf">Resume</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container mt-5" id="aboutme">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<img src="assets/profile.jpg" class="rounded-circle w-75 h-100" alt="100X100">
<div>
<h4 class="mt-3">MD. Shoaib Mehedi</h4>
<h6 class="mt-1 text-success">@Software Engineer</h6>
<h6 class="mt-1">Dhaka, Bangladesh</h6>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<p>Few words about me,<br>
Full time <span class="text-success">Software Engineer</span> (Back-End and Full-Stack). Always interested in learning new technologies. Loves to solve programming/algorithmic problems and write useful code. <br>
<strong class="text-success">B.Sc (Engg.)</strong> In <span class="text-success">CSE</span> from <a href="https://mbstu.ac.bd/"><span class="text-success">Northsouth University</span></a> , a renown private university in Bangladesh. <br>
As a software engineer, though my primary focus is on <strong> Back-end development</strong>, I can work as a <strong>Full-stack developer</strong> too. I have professional expertise on <strong>Node.js</strong> and <strong>Back-end Service</strong> development.
I can also write professional <strong>Front-End</strong> component with good data manipulation in <strong>React</strong>. <br>
Writing code as a full time software engineer from <strong class="text-success">2018</strong>, I have completed several projects in Node.js. <br>
Though I use C/C++ for problem solving practice, Most of my professional work is in <strong class="text-success">JavaScript</strong> and <strong class="text-success">Node.js</strong>. I love the awesome Node.js platform. <br>
</div>
</div>
</div>
<div class="container mt-5" id="education">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div>
<i class="fas fa-book-open"></i>
<h4 class="mt-3 d-inline text-success">EDUCATION</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<h5 class="font-weight-bold">BSc In CSE</h5>
<strong class="text-success">Northsouth University</strong>
<div>
<i class="fas fa-map-marker-alt d-inline"></i>
<p class="d-inline">Dhaka Bangladesh</p>
<a class="d-inline" href="http://www.northsouth.edu/">http://www.northsouth.edu/</a>
</div>
</div>
<hr>
<div>
<h5 class="font-weight-bold">Higher Secondary Certificate (HSC)</h5>
<strong class="text-success">Keshabpur College</strong>
<div>
<i class="fas fa-map-marker-alt d-inline"></i>
<p class="d-inline">Keshabpur Jessore</p>
</div>
</div>
<hr>
<div>
<h5 class="font-weight-bold">Secondary School Certificate (SSC)</h5>
<strong class="text-success">Keshabpur Pilot School & College</strong>
<div>
<i class="fas fa-map-marker-alt d-inline"></i>
<p class="d-inline">Keshabpur Jessore</p>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5" id="experience">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div class="d-inline">
<i class="fas fa-briefcase"></i>
<h4 class="mt-3 d-inline text-success">EXPERIENCE</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<h4 class="font-weight-bold">Technical Lead</h4>
<strong class="lead text-success">Rokkhi IT Solutions Limited</strong>
<div>
<i class="fas fa-map-marker-alt"></i>
<p class="d-inline">Dhaka Bangladesh</p>
</div>
<strong>September 2018 - Ongoing</strong>
<p>Uses: JavaScript, Node.js, React, Flutter</p>
<p>A few words on what I am doing here</p>
<ol>
<li>I lead a small team and work as a Node.js backend engineer.</li>
<li>I write RESTful API and solve hard problem solving tasks.</li>
<li>Project Management and requirement analysis.</li>
<li>System design and provide guidance to Junior Developers.</li>
<li>Discuss requirements with other team and design system.</li>
</ol>
</div>
<hr>
</div>
</div>
</div>
<div class="container mt-5" id="skills">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div class="d-inline">
<i class="fas fa-briefcase"></i>
<h4 class="mt-3 d-inline text-success">SKILLS</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<table class="table">
<tbody>
<tr>
<th><span class="badge badge-primary">JavaScript</span></th>
<th><span class="badge badge-primary">C/C++</span></th>
<th><span class="badge badge-primary">Java</th>
<th><span class="badge badge-primary">Python</span></th>
</tr>
<tr>
<th><span class="badge badge-primary">Node.js</span></th>
<th><span class="badge badge-primary">Nest.js</span></th>
<th><span class="badge badge-primary">Express</span></th>
</tr>
<tr>
<th><span class="badge badge-primary">React</span></th>
<th><span class="badge badge-primary">Postgres</span></th>
<th><span class="badge badge-primary">Redis</span></th>
<th><span class="badge badge-primary">NoSQL</span></th>
</tr>
<tr>
<th><span class="badge badge-primary">Flutter</span></th>
</tr>
<tr>
<th><span class="badge badge-primary">AWS</span></th>
<th><span class="badge badge-primary">Firebase</span></th>
<th><span class="badge badge-primary">Docker</span></th>
<th><span class="badge badge-primary">Git</span></th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="container mt-5" id="mentionable">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div class="d-inline">
<i class="fas fa-briefcase"></i>
<h4 class="mt-3 d-inline text-success">MENTIONABLE</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<ol>
<li><h5 class="font-weight-bold">Problem Solving </h5>
<ul type="square">
<li>Good algorithmic knowledge</li>
<li>Strong analytical skill</li>
<li>Clear understanding of basic data-structures</li>
<li>Have Solved over 500+ problems in different online judge like <a href="https://onlinejudge.org/">UVa</a>, <a href="https://leetcode.com/">Leetcode</a> and I am continuing solving till now. Here is my UVa and Leecode profile - <a href="https://uhunt.onlinejudge.org/id/559278">UVa Profile</a> <a href="https://leetcode.com/ritoo/">LeetCode Profile</a></li>
</ul>
</li>
<!-- <hr>
<hr> -->
<li><h5 class="font-weight-bold">Persistence & Dependable</h5>
<ul type="square">
<li>I work hard to complete assignment and task on time</li>
</ul>
</li>
<hr>
<li><h5 class="font-weight-bold">Self Learner</h5>
<ul type="square">
<li>Never stopped teaching myself</li>
</ul>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="container mt-5" id="proficiency">
<br><br>
<div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div class="d-inline">
<i class="fas fa-briefcase"></i>
<h4 class="mt-3 d-inline text-success">PROFICIENCY</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<ol>
<li><h5 class="font-weight-bold">Problem Solving </h5>
<p class="lead">Very good algorithmic problem solver.
Solved over 500+ algorithmic problem on
different online judge including UVA,
LeetCode, Codeforces etc.</p>
</li>
<hr>
<li><h5 class="font-weight-bold">Algorithm & Data Structure</h5>
<p class="lead">Have clear concepts on common algorithms
and data structures and theirs variants
</p>
</li>
<hr>
<li><h5 class="font-weight-bold">RESTful Services</h5>
<ul type="square">
<li>Have professional expertise & experience on
developing RESTful Services.</li>
</ul>
</li>
<hr>
<li><h5 class="font-weight-bold">Microservice Architecture</h5>
<ul type="square">
<li>Professional expertise & experience on
developing Microservices in both Node.js</li>
</ul>
</li>
<hr>
<li><h5 class="font-weight-bold">System Design Basics</h5>
<ul type="square">
<li>Clear understandings about system design
basics like Load Balancing, Caching etc.</li>
</ul>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="container mt-5" id="researchproject">
<br><br>
<!-- <div class="row p-3">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="row justify-content-center">
<div class="d-inline">
<i class="fas fa-briefcase"></i>
<h4 class="mt-3 d-inline text-success text-success">RESEARCH PROJECTS</h4>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div>
<ol>
<li><h5 class="font-weight-bold">An Online Based Different Professional Person Management System. [2019]</h5>
<ul type="square">
<li>Online Platform.</li>
<li>It can search different professionals like doctor, engineer, electrician etc. and hire them.</li>
<li>Express JS middleware to cleanup/sanitize json request body in express</li>
<li>It also facilitates making profile, update profile, online blogging etc.</li>
</ul>
</li>
<hr>
</ol>
</div>
</div>
</div> -->
</div>
<script src="https://kit.fontawesome.com/26819962fd.js" crossorigin="anonymous"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment