const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
const app = () => {
return (
<div className="container">
<header>
<nav>{renderLinks()}</nav>
</header>
<main>
{data.map(item => (
<Card key={item.id} {...item} />
))}
</main>
</div>
);
};
About Me
Hi, I'm Atam! I'm a passionate web developer and tech enthusiast with expertise in modern web technologies. I specialize in building responsive, user-friendly web applications using Next.js and JavaScript.
Beyond web development, I'm skilled in software installation, troubleshooting, and maintenance. I'm constantly learning and exploring new technologies to expand my skill set and deliver better solutions.
My Skills
These are the Tech stack I've alot of experiece in, but not limited to the populars e.g python, php, c#, etc..
Tech Stack
Next.js
Full-stack
Web Development
DB
Git
Version Control
Game Development
Technical Support
Software Installation
Troubleshooting
System Maintenance
Hardware Setup
OS Configuration
Education & Certifications
Education Experience
Bachelor of Computer Science
2020 - 2024Universitas Jember
Focused on Web Development, Software Troubleshooting and Game Development. Final GPA: 3.63
Frontend Developer Intern
Jan 2023 - Jun 2023PT Buana Varia Komputama
Contributing in developing Hospital EMR with react+redux.
Certifications
Frontend Engineering
2022Ruangguru CAMP
Advanced Next.js development, including App Router, Server Components, and optimization techniques.
Javascript Security
2024INFOSEC
Javascript vulnerabilities workarounds, Security Engineering, Secure Coding, XSS and remote code preventions, regex, CSRF and Browser Security.
Featured Projects
Hospital EMR
intern experience in fetch master data, create dynamic chart visualization, create modular chart components.
React
REST API
Tailwind
Highcharts
