parent
44c68e68e9
commit
2ce2aa3d23
2775
package-lock.json
generated
2775
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -9,8 +9,6 @@
|
|||||||
"preview": "vite preview"
|
"preview": "vite preview"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@splinetool/react-spline": "^4.0.0",
|
|
||||||
"@splinetool/runtime": "^1.9.89",
|
|
||||||
"hamburger-react": "^2.5.0",
|
"hamburger-react": "^2.5.0",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
|
|||||||
@ -5,7 +5,6 @@ import ExperianceDetail from "./pages/ExperienceDetail";
|
|||||||
import FullPage from "./pages/FullPage";
|
import FullPage from "./pages/FullPage";
|
||||||
import { RecoilRoot } from "recoil";
|
import { RecoilRoot } from "recoil";
|
||||||
import ScrollToAnchor from "./components/ScrollToAnchor";
|
import ScrollToAnchor from "./components/ScrollToAnchor";
|
||||||
/* import Spline from "@splinetool/react-spline"; */
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
@ -14,9 +13,6 @@ function App() {
|
|||||||
<main className=" min-h-screen">
|
<main className=" min-h-screen">
|
||||||
<Header />
|
<Header />
|
||||||
<ScrollToAnchor />
|
<ScrollToAnchor />
|
||||||
{/* <div className="w-full h-screen">
|
|
||||||
<Spline scene="https://prod.spline.design/magHjLGpPc2Y1jP4/scene.splinecode" />
|
|
||||||
</div> */}
|
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<FullPage />} />
|
<Route path="/" element={<FullPage />} />
|
||||||
{/* <Route path="/experience" element={<Experience />} />
|
{/* <Route path="/experience" element={<Experience />} />
|
||||||
|
|||||||
@ -4,7 +4,7 @@ const experianceList = [
|
|||||||
{
|
{
|
||||||
id: "46bf76ae-8915-4e5d-ae92-4151be80e75a",
|
id: "46bf76ae-8915-4e5d-ae92-4151be80e75a",
|
||||||
title: "Netzero web",
|
title: "Netzero web",
|
||||||
info: "Led UI/UX design and frontend development for Net0's sustainability platform. Built with React and TypeScript, featuring a modern interface that combines eco-conscious design with efficient user experience.",
|
info: "Discover the intersection of sustainability and technology in my collaboration with Net0. As the creative force behind the UI/UX design, I meticulously crafted a seamless and visually appealing user experience. Bringing this vision to life, I also spearheaded the frontend development, using React to construct an intuitive and efficient system for Net0. Immerse yourself in the synergy of eco-conscious practices and cutting-edge technology as we navigate towards a greener future, one React component at a time.",
|
||||||
img: ["/img/net0_0.png", "/img/net0_1.png", "/img/net0_2.png"],
|
img: ["/img/net0_0.png", "/img/net0_1.png", "/img/net0_2.png"],
|
||||||
previewImg: "/img/mockup_net0.png",
|
previewImg: "/img/mockup_net0.png",
|
||||||
tags: [
|
tags: [
|
||||||
@ -24,11 +24,11 @@ const experianceList = [
|
|||||||
{
|
{
|
||||||
id: "55515a25-deb1-451c-bc7d-006d293f54aa",
|
id: "55515a25-deb1-451c-bc7d-006d293f54aa",
|
||||||
title: "Lets fly",
|
title: "Lets fly",
|
||||||
info: "Developed an aviation services platform using Next.js and WordPress. Implemented server-side rendering for optimal performance and created a responsive design with Tailwind CSS. Integrated GraphQL for efficient data management.",
|
info: "Letsfly is a website aimed at providing a platform for aviation-related services and information. Built on Next.js, a popular React framework, the website leverages its server-side rendering (SSR) capability to enhance performance and user experience. Tailwind was used as the CSS framework to quickly and efficiently create an attractive and responsive design. WordPress, a well-known Content Management System (CMS), was employed as the content management system to administer and publish content on the website. The reason for choosing WordPress was a client request; he was familiar with this system and wanted to be able to modify the content himself. GraphQL was selected as the API layer to enable efficient data management and flexible data queries between the frontend and backend.",
|
||||||
img: ["/img/letsfly_1.png", "/img/letsfly_2.png", "/img/letsfly_3.png"],
|
img: ["/img/letsfly_1.png", "/img/letsfly_2.png", "/img/letsfly_3.png"],
|
||||||
tags: ["React", "NextJS", "Wordpress", "GraphQL", "MySQL", "Tailwind"],
|
tags: ["React", "NextJS", "Wordpress", "GraphQL", "MySQL", "Tailwind"],
|
||||||
link: "https://preview.letsfly.app/",
|
link: "https://preview.letsfly.app/",
|
||||||
previewImg: "/img/letsfly_1.png",
|
previewImg: "/img/mockup_net0.png",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -60,7 +60,6 @@ export const skillsAtom = atom({
|
|||||||
"TablePlus",
|
"TablePlus",
|
||||||
"Trello",
|
"Trello",
|
||||||
"Figma",
|
"Figma",
|
||||||
"Spline",
|
|
||||||
"Blender",
|
"Blender",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user