-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c9bab24
commit 46f65f7
Showing
12 changed files
with
1,154 additions
and
368 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -43,5 +43,8 @@ | |
| "last 1 firefox version", | ||
| "last 1 safari version" | ||
| ] | ||
| }, | ||
| "devDependencies": { | ||
| "tailwindcss": "^3.4.4" | ||
| } | ||
| } | ||
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,57 @@ | ||
| import React from 'react' | ||
| import Header from './components/header/Header' | ||
| import Nav from './components/nav/Nav' | ||
| import About from './components/about/About' | ||
| import Experience from './components/skills/Skills' | ||
| import Services from './components/education/Education' | ||
| import Portfolio from './components/portfolio/Portfolio' | ||
| // import Events from './components/events/Events' | ||
| import Contact from './components/contact/Contact' | ||
| import Footer from './components/footer/Footer' | ||
| import { useState, useEffect } from "react"; | ||
| import Header from "./components/header/Header"; | ||
| import Nav from "./components/nav/Nav"; | ||
| import About from "./components/about/About"; | ||
| import Experience from "./components/skills/Skills"; | ||
| import Services from "./components/education/Education"; | ||
| import Portfolio from "./components/portfolio/Portfolio"; | ||
| import Contact from "./components/contact/Contact"; | ||
| import Footer from "./components/footer/Footer"; | ||
|
|
||
| const App = () => { | ||
| const [currentPath, setCurrentPath] = useState(window.location.pathname); | ||
| console.log(currentPath) | ||
|
|
||
| const scrollToSection = (path, id, event) => { | ||
| event.preventDefault(); | ||
| const section = document.getElementById(id); | ||
| if (section) { | ||
| if (id === "home") { | ||
| window.scrollTo({ top: 0, behavior: "smooth" }); | ||
| } else { | ||
| section.scrollIntoView({ behavior: "smooth" }); | ||
| } | ||
| window.history.pushState(null, "", path); | ||
| setCurrentPath(path); | ||
| } | ||
| }; | ||
|
|
||
| useEffect(() => { | ||
| const handlePopState = () => { | ||
| setCurrentPath(window.location.pathname); | ||
| }; | ||
|
|
||
| window.addEventListener("popstate", handlePopState); | ||
|
|
||
| return () => { | ||
| window.removeEventListener("popstate", handlePopState); | ||
| }; | ||
| }, []); | ||
|
|
||
| return ( | ||
| <> | ||
| <Header /> | ||
| <Nav /> | ||
| <About /> | ||
| <Experience /> | ||
| <Services /> | ||
| <Portfolio /> | ||
| {/* <Events /> */} | ||
| <Contact /> | ||
| <Footer /> | ||
| <Header /> | ||
| {/* {currentPath !== "/" && currentPath !== "/home" && <Nav />} */} | ||
| <Nav /> | ||
| <About /> | ||
| <Experience /> | ||
| <Services /> | ||
| <Portfolio /> | ||
| {/* <Events /> */} | ||
| <Contact /> | ||
| <Footer currentPath={currentPath} scrollToSection={scrollToSection} /> | ||
| </> | ||
| ) | ||
| } | ||
| ); | ||
| }; | ||
|
|
||
| export default App | ||
| export default App; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| import React from "react"; | ||
| import { TypeAnimation } from "react-type-animation"; | ||
| import { personalData } from "../utils/data/personal-data"; | ||
| import { motion } from "framer-motion"; | ||
| import { BsGithub, BsLinkedin } from "react-icons/bs"; | ||
| import { FaFacebook, FaTwitterSquare } from "react-icons/fa"; | ||
| import { MdDownload } from "react-icons/md"; | ||
| import { RiContactsFill } from "react-icons/ri"; | ||
| import { FiInstagram } from 'react-icons/fi' | ||
|
|
||
| const HeaderLayput = () => { | ||
| return ( | ||
| <div className="grid grid-cols-1 sm:grid-cols-12 md:mt-8"> | ||
| <motion.div | ||
| initial={{ opacity: 0, scale: 0.5 }} | ||
| animate={{ opacity: 1, scale: 1 }} | ||
| transition={{ duration: 0.5 }} | ||
| className="col-span-12 place-self-center text-center sm:text-left justify-self-start" | ||
| > | ||
| <div className="text-white mb-4 text-4xl sm:text-5xl lg:text-8xl lg:leading-normal font-extrabold"> | ||
| <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary-400 to-secondary-400"> | ||
| Hello, I'm{" "} | ||
| </span> | ||
| <br></br> | ||
| <TypeAnimation | ||
| sequence={[ | ||
| "Abhishek", | ||
| 1000, | ||
| "Web Developer", | ||
| 1000, | ||
| "Programmer", | ||
| 1000, | ||
| ]} | ||
| wrapper="span" | ||
| speed={50} | ||
| repeat={Infinity} | ||
| /> | ||
| </div> | ||
| <p className="text-[#ADB7BE] text-base sm:text-lg mb-6 lg:text-xl"> | ||
| A tech enthusiast and interested in reaching peep's to share | ||
| thoughts and learn somthing new. | ||
| <br /> | ||
| <span className="text-[#dde6ec] font-bold"> | ||
| {" "} | ||
| CSE Student @ PES University | ||
| </span> | ||
| </p> | ||
| <div className="my-12 flex items-center gap-5"> | ||
| <a | ||
| href={personalData.github} | ||
| target="_blank" | ||
| className="transition-all text-secondary-400 hover:scale-125 duration-300" | ||
| > | ||
| <BsGithub size={30} /> | ||
| </a> | ||
| <a | ||
| href={personalData.linkedIn} | ||
| target="_blank" | ||
| className="transition-all text-secondary-400 hover:scale-125 duration-300" | ||
| > | ||
| <BsLinkedin size={30} /> | ||
| </a> | ||
| <alert | ||
| href={personalData.facebook} | ||
| target="_blank" | ||
| className="transition-all text-secondary-400 hover:scale-125 duration-300" | ||
| > | ||
| <FaFacebook size={30} /> | ||
| </alert> | ||
| <a | ||
| href={personalData.instagram} | ||
| target="_blank" | ||
| className="transition-all text-secondary-400 hover:scale-125 duration-300" | ||
| > | ||
| <FiInstagram size={30} /> | ||
| </a> | ||
| <a | ||
| href={personalData.twitter} | ||
| target="_blank" | ||
| className="transition-all text-secondary-400 hover:scale-125 duration-300" | ||
| > | ||
| <FaTwitterSquare size={30} /> | ||
| </a> | ||
| </div> | ||
| <div className="flex items-center gap-3"> | ||
| <a | ||
| href="#contact" | ||
| className="bg-gradient-to-r to-primary-400 from-secondary-400 p-[1px] rounded-full transition-all duration-300 hover:from-primary-500 hover:to-secondary-600" | ||
| > | ||
| <button className="px-3 text-xs md:px-8 py-3 md:py-4 bg-[#0d1224] rounded-full border-none text-center md:text-sm font-medium uppercase tracking-wider text-[#ffff] no-underline transition-all duration-200 ease-out md:font-semibold flex items-center gap-1 hover:gap-3"> | ||
| <span>Contact me</span> | ||
| <RiContactsFill size={16} /> | ||
| </button> | ||
| </a> | ||
|
|
||
| <a | ||
| target="_blank" | ||
| className="flex items-center gap-1 hover:gap-3 rounded-full bg-gradient-to-r from-primary-400 to-secondary-500 px-3 md:px-8 py-3 md:py-4 text-center text-xs md:text-sm font-medium uppercase tracking-wider text-white no-underline transition-all duration-200 ease-out hover:text-white hover:no-underline md:font-semibold" | ||
| role="button" | ||
| href={personalData.resume} | ||
| > | ||
| <span>Get Resume</span> | ||
| <MdDownload size={16} /> | ||
| </a> | ||
| </div> | ||
| </motion.div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HeaderLayput; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| import React from "react"; | ||
| import { links } from "../utils/data/NavigationData"; | ||
| import logo from "../../assets/me-about.jpg"; | ||
|
|
||
| const Navbar = ({ currentPath, scrollToSection }) => { | ||
| return ( | ||
| <div className="hidden md:block py-5"> | ||
| <div className="grid grid-cols-2"> | ||
| <div> | ||
| <a href="/"> | ||
| <img src={logo} className="w-12 h-12 rounded-full" alt="Logo"></img> | ||
| </a> | ||
| </div> | ||
| <div> | ||
| <ul className="flex items-center flex-row gap-6 text-base"> | ||
| {links.map((link) => ( | ||
| <li key={link.id}> | ||
| <a | ||
| href={link.path} | ||
| className={`${ | ||
| currentPath === link.path ? "text-white" : "" | ||
| } transition duration-300 ease-in-out hover:text-white`} | ||
| onClick={(e) => scrollToSection(link.path, link.id, e)} | ||
| > | ||
| {link.label} | ||
| </a> | ||
| </li> | ||
| ))} | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Navbar; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| export const links = [ | ||
| { label: "Home", path: "/", id: "home" }, | ||
| { label: "About", path: "/about", id: "about" }, | ||
| { label: "Skills", path: "/skills", id: "skills" }, | ||
| { label: "Experience", path: "/experience", id: "experience" }, | ||
| { label: "Portfolio", path: "/portfolio", id: "portfolio" }, | ||
| { label: "Contact", path: "/contact", id: "contact" }, | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| export const personalData = { | ||
| email: '[email protected]', | ||
| phone: '+91 9019833847', | ||
| address: 'Bengaluru, Karnataka, India - 560100', | ||
| github: 'https://github.com/its-abhishek', | ||
| facebook: 'https://www.facebook.com/abhi.honnapure', | ||
| linkedIn: 'https://www.linkedin.com/in/abhishek-honnapure-547636232/', | ||
| twitter: 'https://twitter.com/AbhishekHonnap4', | ||
| instagram: 'https://www.instagram.com/abhishek_honnapure/', | ||
| leetcode: "https://leetcode.com/said3812/", | ||
| devUsername: "itsabhishek", | ||
| resume: "/Abhishek_Honnapure.pdf" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.