- -
-
- 
- 
- 
-
-
-
-
-
- A 3D Developer Portfolio
- -
- Build this project step by step with our detailed tutorial on JavaScript Mastery YouTube. Join the JSM family!
-
-
-
-
- constants.jsindex.cssMotion.jsstyles.jstailwind.config.cjs
- I develop 3D visuals, user
- interfaces and web applications
+ I develop Mobile app,
+ web applications
- Adrian - | JavaScript Mastery + ANASS + LAHNAOUI
diff --git a/src/components/Works.jsx b/src/components/Works.jsx index ba072b4b..9f0f0896 100644 --- a/src/components/Works.jsx +++ b/src/components/Works.jsx @@ -1,5 +1,5 @@ import React from "react"; -import Tilt from "react-tilt"; +import { Tilt } from "react-tilt"; import { motion } from "framer-motion"; import { styles } from "../styles"; diff --git a/src/constants/index.js b/src/constants/index.js index 280fff76..a1a5085d 100644 --- a/src/constants/index.js +++ b/src/constants/index.js @@ -23,6 +23,7 @@ import { jobit, tripguide, threejs, + projet, } from "../assets"; export const navLinks = [ @@ -46,15 +47,15 @@ const services = [ icon: web, }, { - title: "React Native Developer", + title: "Flutter Developer", icon: mobile, }, { - title: "Backend Developer", + title: "Backend/Frontend Developer", icon: backend, }, { - title: "Content Creator", + title: "SEO Google", icon: creator, }, ]; @@ -72,34 +73,42 @@ const technologies = [ name: "JavaScript", icon: javascript, }, + { + name: "MongoDB", + icon: mongodb, + }, + + { + name: "Node JS", + icon: nodejs, + }, + { name: "TypeScript", icon: typescript, }, + { name: "React JS", icon: reactjs, }, { - name: "Redux Toolkit", - icon: redux, + name: "Three JS", + icon: threejs, }, + { name: "Tailwind CSS", icon: tailwind, }, - { - name: "Node JS", - icon: nodejs, - }, - { - name: "MongoDB", - icon: mongodb, - }, - { - name: "Three JS", - icon: threejs, + + + + { + name: "Redux Toolkit", + icon: redux, }, + { name: "git", icon: git, @@ -116,57 +125,55 @@ const technologies = [ const experiences = [ { - title: "React.js Developer", - company_name: "Starbucks", + title: "Mobile Developer", + company_name: "GM-SOFT", icon: starbucks, iconBg: "#383E56", - date: "March 2020 - April 2021", + date: "April 2024 - June 2024", points: [ - "Developing and maintaining web applications using React.js and other related technologies.", + "Developing and maintaining mobile applications using Laravel REST APIs and Flutter other related technologies.", "Collaborating with cross-functional teams including designers, product managers, and other developers to create high-quality products.", "Implementing responsive design and ensuring cross-browser compatibility.", "Participating in code reviews and providing constructive feedback to other developers.", ], }, { - title: "React Native Developer", - company_name: "Tesla", + title: "Web Developer", + company_name: "ELECTROSALAM", icon: tesla, iconBg: "#E6DEDD", - date: "Jan 2021 - Feb 2022", + date: "April 2023 - June 2023", points: [ - "Developing and maintaining web applications using React.js and other related technologies.", - "Collaborating with cross-functional teams including designers, product managers, and other developers to create high-quality products.", + "Developing and maintaining web applications using laravel and other related technologies.", "Implementing responsive design and ensuring cross-browser compatibility.", "Participating in code reviews and providing constructive feedback to other developers.", ], }, { - title: "Web Developer", - company_name: "Shopify", + title: "PHP Developer", + company_name: "N'CIRI RENTAL CAR ", icon: shopify, iconBg: "#383E56", - date: "Jan 2022 - Jan 2023", - points: [ - "Developing and maintaining web applications using React.js and other related technologies.", - "Collaborating with cross-functional teams including designers, product managers, and other developers to create high-quality products.", - "Implementing responsive design and ensuring cross-browser compatibility.", - "Participating in code reviews and providing constructive feedback to other developers.", - ], - }, - { - title: "Full stack Developer", - company_name: "Meta", - icon: meta, - iconBg: "#E6DEDD", - date: "Jan 2023 - Present", + date: "May 2022 - June 2022", points: [ - "Developing and maintaining web applications using React.js and other related technologies.", - "Collaborating with cross-functional teams including designers, product managers, and other developers to create high-quality products.", + "Developing and maintaining web applications using PHP, HTML,CSS,JQUERY,BOOSTRAP and other related technologies.", "Implementing responsive design and ensuring cross-browser compatibility.", "Participating in code reviews and providing constructive feedback to other developers.", ], }, + // { + // title: "Full stack Developer", + // company_name: "Meta", + // icon: meta, + // iconBg: "#E6DEDD", + // date: "Jan 2023 - Present", + // points: [ + // "Developing and maintaining web applications using React.js and other related technologies.", + // "Collaborating with cross-functional teams including designers, product managers, and other developers to create high-quality products.", + // "Implementing responsive design and ensuring cross-browser compatibility.", + // "Participating in code reviews and providing constructive feedback to other developers.", + // ], + // }, ]; const testimonials = [ @@ -203,28 +210,28 @@ const projects = [ "Web-based platform that allows users to search, book, and manage car rentals from various providers, providing a convenient and efficient solution for transportation needs.", tags: [ { - name: "react", + name: "laravel", color: "blue-text-gradient", }, { - name: "mongodb", + name: "mysql", color: "green-text-gradient", }, { - name: "tailwind", + name: "boostrap", color: "pink-text-gradient", }, ], - image: carrent, - source_code_link: "https://github.com/", + image: projet, + source_code_link: "https://github.com/AnassxD", }, { - name: "Job IT", + name: "Tour Agency", description: - "Web application that enables users to search for job openings, view estimated salary ranges for positions, and locate available jobs based on their current location.", + "Development of a complete mobile application for an e-commerce and delivery platform, utilizing Laravel REST APIs and Flutter with Firebase.", tags: [ { - name: "react", + name: "Laravel", color: "blue-text-gradient", }, { @@ -232,24 +239,24 @@ const projects = [ color: "green-text-gradient", }, { - name: "scss", + name: "Flutter", color: "pink-text-gradient", }, ], - image: jobit, - source_code_link: "https://github.com/", + image: projet, + source_code_link: "https://github.com/AnassxD", }, { - name: "Trip Guide", + name: "E-commerce", description: - "A comprehensive travel booking platform that allows users to book flights, hotels, and rental cars, and offers curated recommendations for popular destinations.", + "Development of a complete e-commerce website featuring a user-friendly interface, secure payment , product management, shopping cart functionality, and customer order tracking.", tags: [ { - name: "nextjs", + name: "PHP", color: "blue-text-gradient", }, { - name: "supabase", + name: "HTML", color: "green-text-gradient", }, { @@ -257,8 +264,8 @@ const projects = [ color: "pink-text-gradient", }, ], - image: tripguide, - source_code_link: "https://github.com/", + image: projet, + source_code_link: "https://github.com/AnassxD", }, ];