- 掃描 ID：
- 1808cef2-ed24-409d-9fbe-49ce5910b05e已完成
- 已提交的 URL：
- https://naveenpoddar.github.io/portfolio/
- 報告完成時間：
連結 · 找到 2 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://github.com/naveenpoddar/node-playground | 📎 Source Code |
| https://playground.cursor.works | View Project |
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
主控台記錄訊息 · 找到 3 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| warning | other |
|
| error | network |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!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>