├── CNAME ├── public ├── _redirects ├── robots.txt ├── favicon.ico ├── logo192.png ├── logo512.png ├── Memoji-bg.png ├── manifest.json └── index.html ├── .vscode └── settings.json ├── src ├── App.css ├── assets │ ├── Logo.png │ ├── repobg.jpg │ ├── icons │ │ ├── sun.png │ │ ├── moon.png │ │ ├── webdev.png │ │ ├── webdesign.png │ │ ├── webservice.png │ │ ├── memoji_Image.png │ │ ├── icon-hamburger.svg │ │ ├── icon-close.svg │ │ ├── vue.svg │ │ ├── HTML5.svg │ │ ├── CSS.svg │ │ ├── tailwind.svg │ │ ├── figma.svg │ │ ├── javascript.svg │ │ ├── react.svg │ │ ├── git.svg │ │ ├── whatsapp.svg │ │ ├── linkedIn.svg │ │ ├── twitter.svg │ │ ├── bootsrap.svg │ │ ├── contact.svg │ │ ├── github.svg │ │ ├── next.svg │ │ ├── mongodb.svg │ │ ├── redux.svg │ │ ├── typescript.svg │ │ ├── graphql.svg │ │ └── node.svg │ ├── mobile │ │ ├── fylo.jpg │ │ ├── donload.jpg │ │ ├── sunny.jpg │ │ ├── crowdfund.jpg │ │ ├── interior.jpg │ │ ├── menu-pic.png │ │ ├── Movie-mobile.png │ │ ├── anime-site.png │ │ ├── background1.jpg │ │ ├── card-mobile.png │ │ ├── cartoon-pic2.png │ │ ├── contact-bg.jpg │ │ ├── info-mobile.png │ │ ├── loopstudio.jpg │ │ ├── babboe-mobile.png │ │ ├── mobile-preview.png │ │ ├── babboes-area-mobile.jpg │ │ ├── thank-you-emoji-16.jpg │ │ └── leGNIwyP_male_2_cartoon20.png │ ├── desktop │ │ ├── fylo.jpg │ │ ├── sunny.jpg │ │ ├── interior.jpg │ │ ├── Bg1-image.jpg │ │ ├── loopstudio.jpg │ │ ├── room-design.jpg │ │ ├── card-desktop.png │ │ ├── crowdfunding.jpg │ │ ├── info-desktop.png │ │ ├── movie-desktop.png │ │ └── babboes-area-desktop.jpg │ └── profile-preview.png ├── components │ ├── Store │ │ ├── ModalContext │ │ │ ├── ModalContext.js │ │ │ └── ModalProvider.js │ │ ├── ThemeContext │ │ │ ├── ThemeContext.js │ │ │ └── ThemeProvider.js │ │ ├── API │ │ │ ├── AxiosContext.js │ │ │ └── AxiosProvider.js │ │ └── FormContext │ │ │ ├── FormContext.js │ │ │ └── FormProvider.js │ ├── Layouts │ │ ├── Header │ │ │ ├── Nav │ │ │ │ ├── NavItems │ │ │ │ │ ├── NavItem │ │ │ │ │ │ ├── NavItem.css │ │ │ │ │ │ └── NavItem.js │ │ │ │ │ ├── NavItems.css │ │ │ │ │ └── NavItems.js │ │ │ │ ├── Nav.css │ │ │ │ ├── Nav.js │ │ │ │ ├── modeToggle │ │ │ │ │ ├── DarkMode.module.css │ │ │ │ │ ├── ModeToggle.js │ │ │ │ │ └── ModeToggle.css │ │ │ │ └── DrawerToggle │ │ │ │ │ ├── DrawerToggle.js │ │ │ │ │ └── DrawerToggle.css │ │ │ ├── MyLogo │ │ │ │ ├── MyLogo.js │ │ │ │ └── MyLogo.css │ │ │ ├── Header.css │ │ │ └── Header.js │ │ ├── Footer │ │ │ ├── Attribution │ │ │ │ ├── Attribution.css │ │ │ │ └── Attribution.js │ │ │ ├── FooterList │ │ │ │ ├── FooterItem.js │ │ │ │ ├── SocialIcons │ │ │ │ │ ├── SocialIcon.js │ │ │ │ │ ├── SocialIcons.css │ │ │ │ │ └── SocialIcons.js │ │ │ │ └── FooterList.js │ │ │ ├── Footer.js │ │ │ ├── Gratitude │ │ │ │ ├── Gratitude.css │ │ │ │ └── Gratitude.js │ │ │ └── Footer.css │ │ ├── Pages │ │ │ ├── Contact │ │ │ │ ├── Location │ │ │ │ │ ├── Location.css │ │ │ │ │ └── Location.js │ │ │ │ ├── Contact.css │ │ │ │ └── Contact.js │ │ │ ├── Works │ │ │ │ ├── Repositories │ │ │ │ │ ├── RepoTile │ │ │ │ │ │ ├── ReadmeLinkBtn │ │ │ │ │ │ │ └── ReadmeLinkBtn.js │ │ │ │ │ │ ├── ViewRepoBtn │ │ │ │ │ │ │ ├── ViewRepoBtn.js │ │ │ │ │ │ │ └── Readme │ │ │ │ │ │ │ │ └── Readme.js │ │ │ │ │ │ ├── RepoTile.js │ │ │ │ │ │ └── RepoTile.module.css │ │ │ │ │ ├── Repositories.js │ │ │ │ │ ├── Repos.module.css │ │ │ │ │ └── Repo │ │ │ │ │ │ ├── Repo.module.css │ │ │ │ │ │ └── Repo.js │ │ │ │ ├── Works.js │ │ │ │ └── Search │ │ │ │ │ ├── SearchBar.js │ │ │ │ │ └── SearchBar.module.css │ │ │ └── Home │ │ │ │ ├── StackSection │ │ │ │ ├── StackItem │ │ │ │ │ └── StackItem.js │ │ │ │ ├── StackSection.js │ │ │ │ ├── StackSection.css │ │ │ │ ├── Learning │ │ │ │ │ └── Learning.js │ │ │ │ └── Current │ │ │ │ │ └── Current.js │ │ │ │ ├── Home.js │ │ │ │ ├── ServiceSection │ │ │ │ ├── ServiceSection.css │ │ │ │ └── ServiceSection.js │ │ │ │ ├── RecentProjectSection │ │ │ │ ├── RecentProject.js │ │ │ │ └── ProjectLists │ │ │ │ │ ├── projectItem │ │ │ │ │ ├── ProjectItem.js │ │ │ │ │ └── ProjectItem.css │ │ │ │ │ └── ProjectList.js │ │ │ │ ├── HeroSection │ │ │ │ ├── HeroSection.js │ │ │ │ └── HeroSection.css │ │ │ │ └── AboutSection │ │ │ │ ├── AboutParagraph │ │ │ │ └── AboutParagraph.js │ │ │ │ ├── AboutSection.css │ │ │ │ └── AboutSection.js │ │ └── Layouts.js │ ├── Modals │ │ ├── Backdrop │ │ │ ├── Backdrop.module.css │ │ │ └── Backdrop.js │ │ ├── MenuModal │ │ │ ├── MenuModal.module.css │ │ │ ├── ModalNav │ │ │ │ ├── ModalNav.css │ │ │ │ └── ModalNav.js │ │ │ └── MenuModal.js │ │ └── Modal │ │ │ ├── Modal.css │ │ │ └── Modal.js │ ├── Loader │ │ └── Spinner │ │ │ ├── Spinner.js │ │ │ └── spinner.module.css │ ├── Packages │ │ ├── Axios │ │ │ └── Axios.js │ │ └── Paginate │ │ │ ├── Paginate.css │ │ │ └── PaginatedPages.js │ ├── Button │ │ └── Button.js │ ├── Utility │ │ ├── Image │ │ │ └── Image.js │ │ ├── SectionTitle │ │ │ ├── SectionTitle.js │ │ │ └── SectionTitle.css │ │ └── MessageSection │ │ │ ├── messageSection.css │ │ │ └── MessageSection.js │ ├── Form │ │ ├── Form.js │ │ └── Form.css │ └── form-control │ │ └── text-input │ │ └── TextInput.js ├── setupTests.js ├── reportWebVitals.js ├── Hooks │ └── useFetch.js ├── container │ └── Container.js ├── index.js ├── App.js └── index.css ├── assets ├── images │ ├── Logo.png │ ├── webdev.png │ ├── donload.jpg │ ├── Memoji-bg.png │ ├── background1.jpg │ ├── contact-bg.jpg │ ├── icons │ │ ├── moon.png │ │ ├── sun.png │ │ ├── icon-hamburger.svg │ │ ├── icon-close.svg │ │ ├── vue.svg │ │ ├── HTML5.svg │ │ ├── CSS.svg │ │ ├── figma.svg │ │ ├── javascript.svg │ │ ├── react.svg │ │ ├── git.svg │ │ ├── whatsapp.svg │ │ ├── linkedIn.svg │ │ ├── twitter.svg │ │ ├── bootsrap.svg │ │ ├── contact.svg │ │ ├── github.svg │ │ ├── typescript.svg │ │ ├── graphql.svg │ │ └── node.svg │ ├── webdesign.png │ ├── webservice.png │ ├── desktop │ │ ├── fylo.jpg │ │ ├── sunny.jpg │ │ ├── Phonie.webp │ │ ├── interior.jpg │ │ ├── Bg1-image.jpg │ │ ├── loopstudio.jpg │ │ ├── card-desktop.png │ │ ├── crowdfunding.jpg │ │ ├── info-desktop.png │ │ ├── lighthouse.webp │ │ ├── movie-desktop.png │ │ ├── room-design.jpg │ │ └── babboes-area-desktop.jpg │ ├── memoji_Image.png │ ├── previews │ │ ├── fylo.jpg │ │ ├── sunny.jpg │ │ ├── crowdfund.jpg │ │ ├── interior.jpg │ │ ├── menu-pic.png │ │ ├── Movie-mobile.png │ │ ├── anime-site.png │ │ ├── card-mobile.png │ │ ├── cartoon-pic2.png │ │ ├── info-mobile.png │ │ ├── loopstudio.jpg │ │ ├── Phonie-mobile.webp │ │ ├── babboe-mobile.png │ │ ├── mobile-preview.png │ │ ├── babboes-area-mobile.jpg │ │ ├── thank-you-emoji-16.jpg │ │ └── leGNIwyP_male_2_cartoon20.png │ └── profile-preview.png └── styles │ ├── dark-mode.css │ └── contact.css ├── .gitignore ├── package.json ├── save.js └── README.md /CNAME: -------------------------------------------------------------------------------- 1 | abiolayodele.live -------------------------------------------------------------------------------- /public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 2 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "jshint.enable": false 3 | } -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/public/logo512.png -------------------------------------------------------------------------------- /src/assets/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/Logo.png -------------------------------------------------------------------------------- /public/Memoji-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/public/Memoji-bg.png -------------------------------------------------------------------------------- /src/assets/repobg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/repobg.jpg -------------------------------------------------------------------------------- /assets/images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/Logo.png -------------------------------------------------------------------------------- /assets/images/webdev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/webdev.png -------------------------------------------------------------------------------- /src/assets/icons/sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/sun.png -------------------------------------------------------------------------------- /assets/images/donload.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/donload.jpg -------------------------------------------------------------------------------- /src/assets/icons/moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/moon.png -------------------------------------------------------------------------------- /src/assets/mobile/fylo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/fylo.jpg -------------------------------------------------------------------------------- /assets/images/Memoji-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/Memoji-bg.png -------------------------------------------------------------------------------- /assets/images/background1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/background1.jpg -------------------------------------------------------------------------------- /assets/images/contact-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/contact-bg.jpg -------------------------------------------------------------------------------- /assets/images/icons/moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/icons/moon.png -------------------------------------------------------------------------------- /assets/images/icons/sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/icons/sun.png -------------------------------------------------------------------------------- /assets/images/webdesign.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/webdesign.png -------------------------------------------------------------------------------- /assets/images/webservice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/webservice.png -------------------------------------------------------------------------------- /src/assets/desktop/fylo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/fylo.jpg -------------------------------------------------------------------------------- /src/assets/desktop/sunny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/sunny.jpg -------------------------------------------------------------------------------- /src/assets/icons/webdev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/webdev.png -------------------------------------------------------------------------------- /src/assets/mobile/donload.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/donload.jpg -------------------------------------------------------------------------------- /src/assets/mobile/sunny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/sunny.jpg -------------------------------------------------------------------------------- /assets/images/desktop/fylo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/fylo.jpg -------------------------------------------------------------------------------- /assets/images/desktop/sunny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/sunny.jpg -------------------------------------------------------------------------------- /assets/images/memoji_Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/memoji_Image.png -------------------------------------------------------------------------------- /assets/images/previews/fylo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/fylo.jpg -------------------------------------------------------------------------------- /src/assets/desktop/interior.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/interior.jpg -------------------------------------------------------------------------------- /src/assets/icons/webdesign.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/webdesign.png -------------------------------------------------------------------------------- /src/assets/icons/webservice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/webservice.png -------------------------------------------------------------------------------- /src/assets/mobile/crowdfund.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/crowdfund.jpg -------------------------------------------------------------------------------- /src/assets/mobile/interior.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/interior.jpg -------------------------------------------------------------------------------- /src/assets/mobile/menu-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/menu-pic.png -------------------------------------------------------------------------------- /src/assets/profile-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/profile-preview.png -------------------------------------------------------------------------------- /assets/images/desktop/Phonie.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/Phonie.webp -------------------------------------------------------------------------------- /assets/images/desktop/interior.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/interior.jpg -------------------------------------------------------------------------------- /assets/images/previews/sunny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/sunny.jpg -------------------------------------------------------------------------------- /assets/images/profile-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/profile-preview.png -------------------------------------------------------------------------------- /src/assets/desktop/Bg1-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/Bg1-image.jpg -------------------------------------------------------------------------------- /src/assets/desktop/loopstudio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/loopstudio.jpg -------------------------------------------------------------------------------- /src/assets/desktop/room-design.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/room-design.jpg -------------------------------------------------------------------------------- /src/assets/icons/memoji_Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/icons/memoji_Image.png -------------------------------------------------------------------------------- /src/assets/mobile/Movie-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/Movie-mobile.png -------------------------------------------------------------------------------- /src/assets/mobile/anime-site.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/anime-site.png -------------------------------------------------------------------------------- /src/assets/mobile/background1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/background1.jpg -------------------------------------------------------------------------------- /src/assets/mobile/card-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/card-mobile.png -------------------------------------------------------------------------------- /src/assets/mobile/cartoon-pic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/cartoon-pic2.png -------------------------------------------------------------------------------- /src/assets/mobile/contact-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/contact-bg.jpg -------------------------------------------------------------------------------- /src/assets/mobile/info-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/info-mobile.png -------------------------------------------------------------------------------- /src/assets/mobile/loopstudio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/loopstudio.jpg -------------------------------------------------------------------------------- /assets/images/desktop/Bg1-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/Bg1-image.jpg -------------------------------------------------------------------------------- /assets/images/desktop/loopstudio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/loopstudio.jpg -------------------------------------------------------------------------------- /assets/images/previews/crowdfund.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/crowdfund.jpg -------------------------------------------------------------------------------- /assets/images/previews/interior.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/interior.jpg -------------------------------------------------------------------------------- /assets/images/previews/menu-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/menu-pic.png -------------------------------------------------------------------------------- /src/assets/desktop/card-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/card-desktop.png -------------------------------------------------------------------------------- /src/assets/desktop/crowdfunding.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/crowdfunding.jpg -------------------------------------------------------------------------------- /src/assets/desktop/info-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/info-desktop.png -------------------------------------------------------------------------------- /src/assets/desktop/movie-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/movie-desktop.png -------------------------------------------------------------------------------- /src/assets/mobile/babboe-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/babboe-mobile.png -------------------------------------------------------------------------------- /src/assets/mobile/mobile-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/mobile-preview.png -------------------------------------------------------------------------------- /assets/images/desktop/card-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/card-desktop.png -------------------------------------------------------------------------------- /assets/images/desktop/crowdfunding.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/crowdfunding.jpg -------------------------------------------------------------------------------- /assets/images/desktop/info-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/info-desktop.png -------------------------------------------------------------------------------- /assets/images/desktop/lighthouse.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/lighthouse.webp -------------------------------------------------------------------------------- /assets/images/desktop/movie-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/movie-desktop.png -------------------------------------------------------------------------------- /assets/images/desktop/room-design.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/room-design.jpg -------------------------------------------------------------------------------- /assets/images/previews/Movie-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/Movie-mobile.png -------------------------------------------------------------------------------- /assets/images/previews/anime-site.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/anime-site.png -------------------------------------------------------------------------------- /assets/images/previews/card-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/card-mobile.png -------------------------------------------------------------------------------- /assets/images/previews/cartoon-pic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/cartoon-pic2.png -------------------------------------------------------------------------------- /assets/images/previews/info-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/info-mobile.png -------------------------------------------------------------------------------- /assets/images/previews/loopstudio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/loopstudio.jpg -------------------------------------------------------------------------------- /assets/images/previews/Phonie-mobile.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/Phonie-mobile.webp -------------------------------------------------------------------------------- /assets/images/previews/babboe-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/babboe-mobile.png -------------------------------------------------------------------------------- /assets/images/previews/mobile-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/mobile-preview.png -------------------------------------------------------------------------------- /src/assets/mobile/babboes-area-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/babboes-area-mobile.jpg -------------------------------------------------------------------------------- /src/assets/mobile/thank-you-emoji-16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/thank-you-emoji-16.jpg -------------------------------------------------------------------------------- /src/assets/desktop/babboes-area-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/desktop/babboes-area-desktop.jpg -------------------------------------------------------------------------------- /assets/images/desktop/babboes-area-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/desktop/babboes-area-desktop.jpg -------------------------------------------------------------------------------- /assets/images/previews/babboes-area-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/babboes-area-mobile.jpg -------------------------------------------------------------------------------- /assets/images/previews/thank-you-emoji-16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/thank-you-emoji-16.jpg -------------------------------------------------------------------------------- /src/assets/mobile/leGNIwyP_male_2_cartoon20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/src/assets/mobile/leGNIwyP_male_2_cartoon20.png -------------------------------------------------------------------------------- /assets/images/previews/leGNIwyP_male_2_cartoon20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/babboe1/babboeCodes-portfolio/HEAD/assets/images/previews/leGNIwyP_male_2_cartoon20.png -------------------------------------------------------------------------------- /src/components/Store/ModalContext/ModalContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const ModalContext = React.createContext(); 4 | 5 | export default ModalContext; 6 | -------------------------------------------------------------------------------- /src/components/Store/ThemeContext/ThemeContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const ThemeContext = React.createContext(); 4 | 5 | export default ThemeContext; 6 | -------------------------------------------------------------------------------- /src/assets/icons/icon-hamburger.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/images/icons/icon-hamburger.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Layouts/Header/Nav/NavItems/NavItem/NavItem.css: -------------------------------------------------------------------------------- 1 | .nav-bar__link { 2 | color: #fff; 3 | line-height: 1.5rem; 4 | padding: 10px; 5 | } 6 | 7 | .active { 8 | color: #ea1d5d !important; 9 | } -------------------------------------------------------------------------------- /src/components/Layouts/Header/Nav/Nav.css: -------------------------------------------------------------------------------- 1 | #nav-bar { 2 | align-items: center; 3 | /* border: 1px solid blue; */ 4 | display: flex; 5 | justify-content: flex-end; 6 | max-width: 20rem; 7 | width: 100%; 8 | } -------------------------------------------------------------------------------- /src/components/Store/API/AxiosContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const AxiosContext = React.createContext({ 4 | userData: [], 5 | userRepos: [], 6 | errorMsg: '', 7 | }); 8 | 9 | export default AxiosContext; 10 | -------------------------------------------------------------------------------- /src/components/Modals/Backdrop/Backdrop.module.css: -------------------------------------------------------------------------------- 1 | .backdrop { 2 | display: block; 3 | position: fixed; 4 | width: 100%; 5 | height: 100vh; 6 | top: 0; 7 | left: 0; 8 | background: rgba(0, 0, 0, 0.6); 9 | z-index: 5; 10 | } 11 | -------------------------------------------------------------------------------- /src/components/Layouts/Footer/Attribution/Attribution.css: -------------------------------------------------------------------------------- 1 | .footer-attribution { 2 | color: #fff; 3 | font-size: 14px; 4 | text-align: center; 5 | } 6 | 7 | .footer-attribution a { 8 | color: var(--main-color); 9 | font-size: 14px; 10 | } -------------------------------------------------------------------------------- /src/components/Store/FormContext/FormContext.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const FormContext = React.createContext( { 4 | submitForm: false, 5 | setSubmitForm: () => { }, 6 | submitFormHandler: () => { }, 7 | } ); 8 | 9 | export default FormContext; -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /src/assets/icons/icon-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/images/icons/icon-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Layouts/Header/Nav/Nav.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import NavItems from './NavItems/NavItems'; 3 | import './Nav.css'; 4 | 5 | const Nav = () => { 6 | return ( 7 | 10 | ); 11 | }; 12 | 13 | export default Nav; -------------------------------------------------------------------------------- /src/components/Loader/Spinner/Spinner.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import classes from './spinner.module.css'; 3 | 4 | const Spinner = () => { 5 | return ( 6 | <> 7 |
Loading...
8 | 9 | ); 10 | }; 11 | 12 | export default Spinner; 13 | -------------------------------------------------------------------------------- /src/components/Packages/Axios/Axios.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | 3 | const repos = axios.create({ 4 | baseURL: 'https://api.github.com/users/babboe1/repos?per_page=100', 5 | }); 6 | 7 | export const readMe = axios.create({ 8 | baseURL: 'https://api.github.com/repos/babboe1', 9 | }); 10 | 11 | export default repos; 12 | -------------------------------------------------------------------------------- /src/components/Modals/MenuModal/MenuModal.module.css: -------------------------------------------------------------------------------- 1 | .Modal { 2 | position: absolute; 3 | z-index: 10; 4 | background: rgb(0 0 0 / 90%); 5 | width: 100%; 6 | top: 0; 7 | right: 0; 8 | padding: 2rem 1rem 0; 9 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); 10 | border-radius: 0 0 10px 10px; 11 | overflow-x: hidden; 12 | transition: 1s; 13 | } -------------------------------------------------------------------------------- /src/components/Layouts/Pages/Contact/Location/Location.css: -------------------------------------------------------------------------------- 1 | #map-canvas { 2 | width: 100%; 3 | height: 500px; 4 | margin: 0 auto; 5 | } 6 | #map-canvas :nth-child(1) { 7 | z-index: 10; 8 | } 9 | 10 | .location-section { 11 | padding: 0 0 2rem; 12 | } 13 | 14 | .location__title { 15 | padding: 1rem 0; 16 | text-align: left; 17 | width: 18rem; 18 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /src/components/Layouts/Footer/FooterList/FooterItem.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { NavLink } from 'react-router-dom'; 3 | 4 | const FooterItem = ({ title, path }) => { 5 | return ( 6 |
  • 7 | 8 | {title} 9 | 10 |
    • 11 | ); 12 | }; 13 | 14 | export default FooterItem; 15 | -------------------------------------------------------------------------------- /assets/styles/dark-mode.css: -------------------------------------------------------------------------------- 1 | html { 2 | background: url(../images/desktop/Bg1-image.jpg); 3 | background-size: contain; 4 | background-repeat: repeat; 5 | } 6 | body { 7 | background: black; 8 | } 9 | 10 | .hero-section { 11 | background:none; 12 | color: #a77c05; 13 | } 14 | 15 | h3 { 16 | color: #a77c05; 17 | } 18 | 19 | @media screen and (max-width:786px) { 20 | .about-section { 21 | color: white; 22 | } 23 | } -------------------------------------------------------------------------------- /src/components/Layouts/Header/MyLogo/MyLogo.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Link } from 'react-router-dom'; 3 | import "./MyLogo.css" 4 | 5 | 6 | const MyLogo = ({Logo}) => { 7 | return ( 8 |
    9 | 10 | Logo 11 | 12 |
    13 | ); 14 | }; 15 | 16 | export default MyLogo; -------------------------------------------------------------------------------- /src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /src/components/Layouts/Header/MyLogo/MyLogo.css: -------------------------------------------------------------------------------- 1 | .image-logo { 2 | overflow: hidden; 3 | width: 100%; 4 | } 5 | 6 | #header .image-logo__image { 7 | max-width: 180px; 8 | width: 100%; 9 | } 10 | 11 | .image-logo__image { 12 | max-width: 300px; 13 | width: 100%; 14 | } 15 | 16 | @media screen and (min-width: 768px) { 17 | .footer-content .image-logo { 18 | width: auto; 19 | max-width: 220px; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/components/Layouts/Pages/Contact/Location/Location.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './Location.css'; 3 | 4 | const Location = () => { 5 | return ( 6 |
    7 |

    Locate Me

    8 |
    9 |
    10 |
    11 |
    12 | ); 13 | }; 14 | 15 | export default Location; 16 | -------------------------------------------------------------------------------- /src/components/Button/Button.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Button = (props) => { 4 | return ( 5 | 15 | ); 16 | }; 17 | 18 | export default Button; 19 | -------------------------------------------------------------------------------- /src/components/Layouts/Pages/Works/Repositories/RepoTile/ReadmeLinkBtn/ReadmeLinkBtn.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Link } from 'react-router-dom'; 3 | import classes from '../RepoTile.module.css'; 4 | 5 | const ReadmeLinkBtn = (props) => { 6 | return ( 7 | 8 | {props.act} 9 | 10 | ); 11 | }; 12 | 13 | export default ReadmeLinkBtn; 14 | -------------------------------------------------------------------------------- /src/components/Layouts/Footer/FooterList/SocialIcons/SocialIcon.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const SocialIcon = ({ image, href }) => { 4 | return ( 5 | 11 | media icon 12 | 13 | ); 14 | }; 15 | 16 | export default SocialIcon; 17 | -------------------------------------------------------------------------------- /src/components/Modals/Modal/Modal.css: -------------------------------------------------------------------------------- 1 | .Modal { 2 | position: fixed; 3 | z-index: 500; 4 | background-color: white; 5 | width: 70%; 6 | border: 1px solid #ccc; 7 | box-shadow: 1px 1px 1px black; 8 | padding: 16px; 9 | left: 15%; 10 | top: 30%; 11 | box-sizing: border-box; 12 | transition: all 0.3s ease-out; 13 | } 14 | 15 | @media (min-width: 600px) { 16 | .Modal { 17 | width: 500px; 18 | left: calc(50% - 250px); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /src/components/Layouts/Header/Nav/modeToggle/DarkMode.module.css: -------------------------------------------------------------------------------- 1 | html.false { 2 | background: url(../../../../../assets/desktop/Bg1-image.jpg); 3 | background-size: cover; 4 | background-repeat: repeat; 5 | } 6 | body.false { 7 | background: black; 8 | } 9 | 10 | .hero-section.false { 11 | background:none; 12 | color: #a77c05; 13 | } 14 | 15 | h3.false { 16 | color: #a77c05; 17 | } 18 | 19 | @media screen and (max-width:786px) { 20 | .about-section.false { 21 | color: white; 22 | } 23 | } -------------------------------------------------------------------------------- /assets/images/icons/vue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/assets/icons/vue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/components/Modals/MenuModal/ModalNav/ModalNav.css: -------------------------------------------------------------------------------- 1 | 2 | .menu-opt { 3 | display: flex; 4 | justify-content: space-between; 5 | align-items: center; 6 | } 7 | 8 | .menu-opt .img-logo { 9 | display: flex; 10 | } 11 | 12 | .menu-pic { 13 | width: 100%; 14 | max-width: 14rem; 15 | } 16 | 17 | .menu-pic img { 18 | width: 100%; 19 | } 20 | 21 | .ModalList { 22 | color: white; 23 | display: flex; 24 | font-size: 1.5rem; 25 | flex-direction: column; 26 | list-style: none; 27 | padding: 3.5rem 0; 28 | row-gap: 3rem; 29 | } -------------------------------------------------------------------------------- /src/components/Layouts/Footer/Attribution/Attribution.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './Attribution.css'; 3 | 4 | const Attribution = () => { 5 | return ( 6 |
    7 | © 2022 All rights reserved. Coded by   8 | 13 | babboeCodes 14 | 15 | . 16 |
    17 | ); 18 | }; 19 | 20 | export default Attribution; 21 | -------------------------------------------------------------------------------- /src/components/Layouts/Header/Header.css: -------------------------------------------------------------------------------- 1 | #header { 2 | /* border: 1px solid red; */ 3 | display: flex; 4 | background-color: #21243d; 5 | justify-content: space-between; 6 | padding: 1rem; 7 | position: sticky; 8 | top: 0; 9 | left: 0; 10 | width: 100%; 11 | z-index: 10; 12 | /* opacity: 0; */ 13 | animation: opacity 1s ease-in 1s forwards; 14 | margin: -1px; 15 | transition: 1s; 16 | } 17 | 18 | @media screen and (min-width: 480px) { 19 | /* style for header */ 20 | #header { 21 | padding: 1rem 2rem; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/components/Layouts/Pages/Home/StackSection/StackItem/StackItem.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const StackItem = ( { title, icon, theme } ) => { 4 | return ( 5 |
    6 |
    7 | icon 8 |
    9 |
    10 |

    {title}

    11 |
    12 |
    13 | ); 14 | }; 15 | 16 | export default StackItem; 17 | -------------------------------------------------------------------------------- /src/components/Utility/Image/Image.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | 4 | const Image = ( props ) => { 5 | const style = { 6 | width: '100%', 7 | maxWidth: props.maxWidth, 8 | borderRadius: props.radius 9 | } 10 | 11 | const img = { 12 | width: '100%', 13 | borderRadius: props.radius 14 | } 15 | return ( 16 |
    17 | {props.alt} 22 |
    23 | ); 24 | }; 25 | 26 | export default Image; -------------------------------------------------------------------------------- /src/components/Layouts/Layouts.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Footer from './Footer/Footer'; 3 | import Header from './Header/Header'; 4 | import Modal from '../Modals/Modal/Modal'; 5 | import Gratitude from './Footer/Gratitude/Gratitude'; 6 | 7 | const Layouts = ({ children }) => { 8 | return ( 9 | <> 10 |
    11 |
    12 | {children} 13 | 14 | 15 | 16 |
    17 |