https://personal-portfolio-next-js-nine.vercel.app/_next/static/chunks/pages/ema-john-e7516376e40aca8d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[616],{5792:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ema-john",function(){return a(8305)}])},4348:function(e,s){"use strict";s.Z={src:"/_next/static/media/ema-john1.5c3398b7.jpg",height:1390,width:2e3,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAdEAACAgEFAAAAAAAAAAAAAAACAwABBQQREhMh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAMAwEAAhEDEQA/AKjjtAlmPUwlDZtWHZfK9y8iIk26P//Z",blurWidth:8,blurHeight:6}},8305:function(e,s,a){"use strict";a.r(s);var t=a(5893),A=a(5675),l=a.n(A);a(7294);var r=a(4348),c=a(9352),i=a(1664),n=a.n(i);let o=()=>(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsxs)("div",{className:"w-full h-[50vh] relative",children:[(0,t.jsx)("div",{className:"absolute top-0 left-0 w-full h-[50vh] bg-black/70 z-10"}),(0,t.jsx)(l(),{className:"absolute z-1",layout:"fill",objectFit:"cover",src:r.Z,alt:"/"}),(0,t.jsxs)("div",{className:"absolute top-[70%] max-w-[1240px] w-full left-[50%] right-[50%] translate-x-[-50%] translate-y-[-50%] text-white z-10 p-2",children:[(0,t.jsx)("h2",{className:"py-2",children:"Online E-Commerce Website"}),(0,t.jsx)("h3",{children:"React JS / Bootstrap5 / JavaScript"})]})]}),(0,t.jsxs)("div",{className:"max-w-[1240px] mx-auto p-2 grid md:grid-cols-5 gap-8 py-8",children:[(0,t.jsxs)("div",{className:"col-span-4",children:[(0,t.jsx)("p",{children:"Project"}),(0,t.jsx)("h2",{children:"Overview"}),(0,t.jsx)("p",{children:"I built this application in React JS and is hosted on GitHub pages. This app features user authentication with E-commerce website Where you will be able to login, see products, add products to cart, checkout order and many more."}),(0,t.jsx)("a",{href:"https://github.com/MdTanvirHassan/Ema-Jhon-EcommerceServer",target:"_blank",rel:"noreferrer",children:(0,t.jsx)("button",{className:"px-8 py-2 mt-4 mr-8",children:"Code"})}),(0,t.jsx)("a",{href:"https://boisterous-dodol-cd301d.netlify.app/",target:"_blank",rel:"noreferrer",children:(0,t.jsx)("button",{className:"px-8 py-2 mt-4",children:"Demo"})})]}),(0,t.jsx)("div",{className:"col-span-4 md:col-span-1 shadow-xl shadow-gray-400 rounded-xl py-4",children:(0,t.jsxs)("div",{className:"p-2",children:[(0,t.jsx)("p",{className:"text-center font-bold pb-2",children:"Technologies"}),(0,t.jsxs)("div",{className:"grid grid-cols-3 md:grid-cols-1",children:[(0,t.jsxs)("p",{className:"text-gray-600 py-2 flex items-center",children:[(0,t.jsx)(c.Svj,{className:"pr-1"})," React"]}),(0,t.jsxs)("p",{className:"text-gray-600 py-2 flex items-center",children:[(0,t.jsx)(c.Svj,{className:"pr-1"})," Bootstrap"]}),(0,t.jsxs)("p",{className:"text-gray-600 py-2 flex items-center",children:[(0,t.jsx)(c.Svj,{className:"pr-1"})," Javascript"]}),(0,t.jsxs)("p",{className:"text-gray-600 py-2 flex items-center",children:[(0,t.jsx)(c.Svj,{className:"pr-1"})," Api"]}),(0,t.jsxs)("p",{className:"text-gray-600 py-2 flex items-center",children:[(0,t.jsx)(c.Svj,{className:"pr-1"})," CSS3"]})]})]})}),(0,t.jsx)(n(),{href:"/#projects",children:(0,t.jsx)("button",{className:"cursor-pointer p-2 px-4",children:"←Back"})})]})]});s.default=o}},function(e){e.O(0,[5937,9774,2888,179],function(){return e(e.s=5792)}),_N_E=e.O()}]);