- ID de l'analyse :
- 1808cef2-ed24-409d-9fbe-49ce5910b05eTerminée
- URL soumise :
- https://naveenpoddar.github.io/portfolio/
- Fin du rapport :
Liens : 2 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://github.com/naveenpoddar/node-playground | 📎 Source Code |
| https://playground.cursor.works | View Project |
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| warning | other |
|
| error | network |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naveen Poddar</title>
<link rel="stylesheet" href="scss/styles.css">
<!-- <link rel="stylesheet" href="build/styles.css" /> -->
<script src="~partytown/partytown.js" defer=""></script>
<script src="scripts/main.js" type="text/javaScript" defer=""></script>
</head>
<body data-theme="dark">
<!-- <img src="./assets/hero-bg.jpeg" class="header-bg" /> -->
<header class="app-header section">
<!-- <nav class="navigation">
<a href="/">
<h1>Naveen <span>Poddar</span></h1>
</a>
<ul>
<li><a href="/#about-me">About Me</a></li>
<li><a href="/#skills">My Skills</a></li>
<li><a href="/#education">Education</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</nav> -->
<div class="hero">
<h5 class="helloiam">Sup! I'm</h5>
<h2 class="name">Naveen Poddar</h2>
<span class="about">I am a Full-Stack Developer.</span>
<p class="desc">
I love to code ideas, i am coding since last 4-5 years i started as a kid. I have a passion in learning new
things and starting to build a career in the corporate world!
</p>
<!-- <div class="skills-container">
<div class="skill">
<div class="skill-wrapper">
<div class="skill-icon">
<img
src="./assets/JavaScript_logo.svg"
alt="JavaScript / Node.js"
/>
</div>
<div class="skill-content">
<div class="skill-name">JavaScript / Node.js</div>
</div>
</div>
</div>
<div class="skill">
<div class="skill-wrapper">
<div class="skill-icon">
<img src="./assets/DiscordJS_LOGO.png" alt="Discord.js" />
</div>
<div class="skill-content">
<div class="skill-name">Discord.js</div>
</div>
</div>
</div>
<div class="skill">
<div class="skill-wrapper">
<div class="skill-icon">
<img src="./assets/MongoDB_LOGO.webp" alt="Mongo DB" />
</div>
<div class="skill-content">
<div class="skill-name">Mongo DB</div>
</div>
</div>
</div>
</div> -->
<div class="cta-container">
<label>Would love to work with you!</label>
<a href="#contact" class="cta">Contact me</a>
</div>
</div>
</header>
<hr>
<div class="skills-img-container">
<img src="./assets/react-logo.png" alt="Next & React">
<img src="./assets/express_logo.png" alt="Express.js">
<img src="./assets/discord-js.svg" alt="discord.js">
<img src="./assets/mongodb-logo.png" alt="MongoDB">
<img src="./assets/sass-logo.png" alt="Sass">
<!-- <img src="./assets/mern.png" alt="MERN Stack" /> -->
</div>
<hr>
<!-- <section id="about-me" class="section about-me-section section-general">
<div class="heading">
<h5>About Me</h5>
<h3>Get to know me</h3>
<ul class="line">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="content">idk for now</div>
</section> -->
<section class="section section-general" id="recent-projects">
<div class="heading">
<!-- <h5>Technologies i use</h5> -->
<h3>My Recent Work</h3>
<ul class="line">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="content">
<div class="project-container">
<div class="project">
<div class="project-image">
<img src="./assets/node-playground.png" alt="Node Playground">
</div>
<div class="project-content">
<h5>Online IDE: Node Playground</h5>
<p>
Node Playground is a simple and basic web based code editor which allows you to code in different languages. It has famous framework project templates that you can use. This uses docker in a very unique way.
</p>
<a href="https://github.com/naveenpoddar/node-playground" target="_blank" class="source-code">📎 Source Code</a>
<ul class="features">
<li class="feature-item">Next.js</li>
<li class="feature-item">Monaco Editor API</li>
<li class="feature-item">Xterm.js</li>
<li class="feature-item">Docker</li>
</ul>
<a target="_blank" href="https://playground.cursor.works" class="button invert">View Project</a>
</div>
</div>
<div class="project">
<div class="project-image">
<img src="./assets/moskey.png" alt="Moskey">
</div>
<div class="project-content">
<h5>Moskey (Coming Soon)</h5>
<p>
Moskey uses Artificial Intelligence to suggest the best avilable computer/laptop deal for its customer, alongside that it provies pc services at a very resonable rate which none of any competiters offer. It's starting to educate people by adding courses to their services most of them are free.
</p>
<a href="#" class="source-code"> </a>
<ul class="features">
<li class="feature-item">Tailwind CSS</li>
<li class="feature-item">Next.js</li>
<li class="feature-item">MongoDB</li>
<li class="feature-item">Redux</li>
</ul>
<a href="#" class="button invert">View Project</a>
</div>
</div>
</div>
</div></section>
<hr>
<section class="section section-general skills-section" id="skills">
<div class="heading">
<h3>My Expertise</h3>
<ul class="line">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="skills">
<div class="skill">
<div class="item-wrapper">
<div class="skill-icon">
<img src="./assets/Next.png" style="filter: invert()" alt="Next & React">
</div>
<div class="skill-content">
<h4>NextJS/ReactJS</h4>
<p>
I really like the eco-system of <b>React</b> it just makes the
development so efficient. <b>NextJS</b> works pretty well
especially the for SEO rankings where react couldn't do better.
</p>
</div>
</div>
</div>
<div class="skill">
<div class="item-wrapper">
<div class="skill-icon">
<img src="./assets/mern.png" alt="Mern Stack">
</div>
<div class="skill-content">
<h4>MERN Stack</h4>
<p>
<b>MERN</b> is one of my favorite stack. It's the combination of
<b>MongoDB</b>, <b>Express</b>, <b>React</b> and <b>Node.js</b>.
I have a lot of projects that use this stack and the best part
is that its developer friendly.
</p>
</div>
</div>
</div>
<div class="skill">
<div class="item-wrapper">
<div class="skill-icon">
<img src="./assets/discord-js.svg" alt="discord-js">
</div>
<div class="skill-content">
<h4>Discord.JS</h4>
<p>
I am a big fan of <b>Discord.JS</b> like how it took over the
discord bot world. i really like its <b>OOP</b> way of making
bots. i have made so many fun stuff in discord.js
</p>
</div>
</div>
</div>
</div>
</section>
<hr>
<section class="section section-general education-section" id="education">
<div class="heading">
<h3>My Education</h3>
<ul class="line">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="content">
<div class="item-list">
<span class="item active">School Life</span>
</div>
<div class="item-preview">
<div class="image"><img src="" alt="School Image"></div>
<div class="info">
<h5>Currently Studying in</h5>
<h2>DAV Rajrappa</h2>
<p>
I did my basic schooling from <b>DAV Public School</b>. During the
school years i was always interested in technology. I learnt how
to use a computer at age 6 or around that, pretty young right?. My
brother and i went to the same school and he got into grade 7th
and i used to just study IT with his textbook, that was the time
when i learnt about <b>html</b> and i started coding since that
age. Everything i know till now i learnt from the internet it was
a good thing for me. I once took part in the science exhibition
back then i created a simple project on how we can convert
mechanical energy into electrical energy.
</p>
</div>
</div>
</div>
</section>
<hr>
<section class="section" id="contact">
<div class="contact-form">
<form id="contact-me-form">
<div class="form-row">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Example: Elon Musk">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Example: [email protected]">
</div>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Can you help me with.."></textarea>
</div>
<div class="form-group">
<button class="button" type="submit">Send Message</button>
</div>
</form>
</div>
</section>
<footer>
<h2>Thanks for visiting</h2>
<p>
I appreciate your time, hope you like the website, if you have any
feedback please let me know
</p>
<div class="social-media"></div>
<div class="copyright">
<span>Copyright Ⓒ2022 NaveenPoddar</span>
</div>
</footer>
</body></html>