diff --git a/actions/sendEmail.ts b/actions/sendEmail.ts index 047508da..f5ad5d4f 100644 --- a/actions/sendEmail.ts +++ b/actions/sendEmail.ts @@ -27,7 +27,7 @@ export const sendEmail = async (formData: FormData) => { try { data = await resend.emails.send({ from: "Contact Form ", - to: "bytegrad@gmail.com", + to: "nagaraju0011@gmail.com", subject: "Message from contact form", reply_to: senderEmail, react: React.createElement(ContactFormEmail, { diff --git a/components/about.tsx b/components/about.tsx index 5383cb71..a5d7c3b4 100644 --- a/components/about.tsx +++ b/components/about.tsx @@ -18,32 +18,19 @@ export default function About() { id="about" > About me +

- After graduating with a degree in{" "} - Accounting, I decided to pursue my - passion for programming. I enrolled in a coding bootcamp and learned{" "} - full-stack web development.{" "} - My favorite part of programming is the - problem-solving aspect. I love the - feeling of finally figuring out a solution to a problem. My core stack - is{" "} - - React, Next.js, Node.js, and MongoDB - - . I am also familiar with TypeScript and Prisma. I am always looking to - learn new technologies. I am currently looking for a{" "} - full-time position as a software - developer. + A highly skilled and experienced UI/UX Developer with over 13 years of expertise in designing and developing intuitive, user-centric web applications. Proficient in front-end technologies including HTML5, CSS3, Bootstrap, Tailwind, SCSS, JavaScript, React.js, Vue.js, and DOM Manipulation, with a strong focus on creating responsive, accessible, and visually appealing interfaces. Known for delivering high-quality, scalable solutions that enhance user experience and meet client requirements. +

+

Specialized in leveraging modern frameworks like React.js and Vue.js to build reusable components and maintainable codebases, along with a proven ability to collaborate effectively with cross-functional teams. Expertise in API integration, cross-browser compatibility, and advanced UI/UX design tools such as Adobe Photoshop, Figma, and Adobe XD. +

+

With a keen eye for detail and a passion for innovation, I have successfully completed several high-impact projects for clients across industries, including healthcare, real estate, and e-commerce. Recognized for problem-solving skills, adaptability, and the ability to stay ahead of emerging trends in front-end development. +

+

Committed to delivering exceptional results, I bring a blend of technical expertise, creativity, and a user-first approach to every project I undertake.

-

- When I'm not coding, I enjoy playing - video games, watching movies, and playing with my dog. I also enjoy{" "} - learning new things. I am currently - learning about{" "} - history and philosophy. I'm also - learning how to play the guitar. -

+ + ); } diff --git a/components/contact.tsx b/components/contact.tsx index a85b2be1..e9f8083e 100644 --- a/components/contact.tsx +++ b/components/contact.tsx @@ -31,15 +31,19 @@ export default function Contact() { > Contact me -

- Please contact me directly at{" "} - - example@gmail.com - {" "} - or through this form. +

+ Please contact me directly with following details:{" "} +

-
+ Email: nagaraju0011@gmail.com{" "} +

+

+ Phone: 9700049396{" "} +

+ + {/* { const { data, error } = await sendEmail(formData); @@ -68,7 +72,9 @@ export default function Contact() { maxLength={5000} /> - + */} + + ); } diff --git a/components/experience.tsx b/components/experience.tsx index a75a5ebf..1297b51a 100644 --- a/components/experience.tsx +++ b/components/experience.tsx @@ -46,7 +46,7 @@ export default function Experience() { >

{item.title}

{item.location}

-

+

{item.description}

diff --git a/components/footer.tsx b/components/footer.tsx index 59982484..736bd417 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -4,13 +4,13 @@ export default function Footer() { return (
- © 2030 Ricardo. All rights reserved. + © 2030 Nagaraju Komma. All rights reserved. -

+ {/*

About this website: built with React & Next.js (App Router & Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email & Resend, Vercel hosting. -

+

*/}
); } diff --git a/components/intro.tsx b/components/intro.tsx index 6d6757ca..21273ce8 100644 --- a/components/intro.tsx +++ b/components/intro.tsx @@ -9,6 +9,8 @@ import { HiDownload } from "react-icons/hi"; import { FaGithubSquare } from "react-icons/fa"; import { useSectionInView } from "@/lib/hooks"; import { useActiveSectionContext } from "@/context/active-section-context"; +import profilepic from "@/public/Nagaraju_Photo.jpg"; + export default function Intro() { const { ref } = useSectionInView("Home", 0.5); @@ -31,8 +33,8 @@ export default function Intro() { }} > Ricardo portrait + - Hello, I'm Ricardo. I'm a{" "} - full-stack developer with{" "} - 8 years of experience. I enjoy +
+

I'm NAGARAJU KOMMA,

+ Senior Frontend Developer | Senior UI Developer | UI/UX Specialist & JavaScript Enthusiast with 13+ Years of Mastery in HTML, CSS, JavaScript, React, Node, Express, Mongo DB, and Responsive Design. + +{/* + Hello, I'm NAGARAJU. I'm a{" "} + front-end developer with{" "} + 12+ years of experience. I enjoy building sites & apps. My focus is{" "} - React (Next.js). + HTML5, CSS3, React, etc.... */} + +
Download CV{" "} @@ -100,7 +110,7 @@ export default function Intro() { @@ -108,7 +118,7 @@ export default function Intro() { diff --git a/components/project.tsx b/components/project.tsx index 319df90a..75f898b3 100644 --- a/components/project.tsx +++ b/components/project.tsx @@ -30,16 +30,16 @@ export default function Project({ }} className="group mb-3 sm:mb-8 last:mb-0" > -
-
-

{title}

-

+

+
+

{title}

+

{description}

-
    +
      {tags.map((tag, index) => (
    • {tag} diff --git a/components/skills.tsx b/components/skills.tsx index 3df28c7d..83db712b 100644 --- a/components/skills.tsx +++ b/components/skills.tsx @@ -33,7 +33,7 @@ export default function Skills() {
        {skillsData.map((skill, index) => (