Stoman

diff --git a/package.json b/package.json index e1a6fc14..e5dcafe6 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ }, "scripts": { "start": "react-scripts --openssl-legacy-provider start", - "build": "yarn run react-scripts build", + "build": "yarn run react-scripts --openssl-legacy-provider build", "test": "react-scripts test", "eject": "react-scripts eject", "build:css": "postcss src/css/tailwind.css -o src/css/main.css" diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 00000000..4f6f7bad Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/files/Allan-Muturi-Maina.pdf b/public/files/Allan-Muturi-Maina.pdf new file mode 100644 index 00000000..3d9ceb00 Binary files /dev/null and b/public/files/Allan-Muturi-Maina.pdf differ diff --git a/public/files/Stoman-Resume.pdf b/public/files/Stoman-Resume.pdf deleted file mode 100644 index c09d0fe6..00000000 Binary files a/public/files/Stoman-Resume.pdf and /dev/null differ diff --git a/public/index.html b/public/index.html index bbf198b3..8eb7fae5 100644 --- a/public/index.html +++ b/public/index.html @@ -1,21 +1,27 @@ - - - - - - - - - - - Stoman - - - -

- + --> + diff --git a/src/components/about/AboutCounter.jsx b/src/components/about/AboutCounter.jsx index 4bc8e5d3..1128e881 100644 --- a/src/components/about/AboutCounter.jsx +++ b/src/components/about/AboutCounter.jsx @@ -2,10 +2,10 @@ import { useCountUp } from 'react-countup'; import CounterItem from './CounterItem'; const AboutCounter = () => { - useCountUp({ ref: 'experienceCounter', end: 12, duration: 2 }); - useCountUp({ ref: 'githubStarsCounter', end: 20, duration: 2 }); + useCountUp({ ref: 'experienceCounter', end: 3, duration: 2 }); + useCountUp({ ref: 'githubStarsCounter', end: 3, duration: 2 }); useCountUp({ ref: 'feedbackCounter', end: 92, duration: 2 }); - useCountUp({ ref: 'projectsCounter', end: 77, duration: 2 }); + useCountUp({ ref: 'projectsCounter', end: 70, duration: 2 }); return (

@@ -13,7 +13,7 @@ const AboutCounter = () => { } - measurement="" + measurement="+" /> , }, { id: 2, - name: 'email@domain.com', + name: 'amuturi01@gmail.com', icon: , }, { id: 3, - name: '555 8888 888', + name: '254711123120', icon: , }, ]; diff --git a/src/components/shared/AppBanner.jsx b/src/components/shared/AppBanner.jsx index aab7dca9..3f5a2a99 100644 --- a/src/components/shared/AppBanner.jsx +++ b/src/components/shared/AppBanner.jsx @@ -25,7 +25,7 @@ const AppBanner = () => { }} className="font-general-semibold text-2xl lg:text-3xl xl:text-4xl text-center sm:text-left text-ternary-dark dark:text-primary-light uppercase" > - Hi, Iam Stoman + Hi, Iam Allan Muturi { }} className="font-general-medium mt-4 text-lg md:text-xl lg:text-2xl xl:text-3xl text-center sm:text-left leading-normal text-gray-500 dark:text-gray-200" > - A Full-Stack Developer & Design Enthusiast + A Mobile Application & Web Developer { className="flex justify-center sm:block" > diff --git a/src/components/shared/AppFooter.jsx b/src/components/shared/AppFooter.jsx index 3f473245..9abe906e 100644 --- a/src/components/shared/AppFooter.jsx +++ b/src/components/shared/AppFooter.jsx @@ -11,27 +11,27 @@ const socialLinks = [ { id: 1, icon: , - url: 'https://www.stoman.me/', + url: 'https://allanmuturi.com/', }, { id: 2, icon: , - url: 'https://github.com/realstoman', + url: 'https://github.com/Allan-1', }, { id: 3, icon: , - url: 'https://twitter.com/realstoman', + url: 'https://twitter.com/a0x001', }, { id: 4, icon: , - url: 'https://www.linkedin.com/in/realstoman', + url: 'https://www.linkedin.com/in/allan-maina/', }, { id: 5, icon: , - url: 'https://www.youtube.com/c/realstoman', + url: 'https://www.youtube.com/channel/UCKmFMUKTzr283vyuL5NmoEQ', }, ]; diff --git a/src/components/shared/AppFooterCopyright.jsx b/src/components/shared/AppFooterCopyright.jsx index 2eaf0ab4..36d6b8cb 100644 --- a/src/components/shared/AppFooterCopyright.jsx +++ b/src/components/shared/AppFooterCopyright.jsx @@ -4,19 +4,11 @@ function AppFooterCopyright() {

© {new Date().getFullYear()} - React & Tailwind CSS Portfolio - - . - - Stoman + Allan

diff --git a/src/components/shared/AppHeader.jsx b/src/components/shared/AppHeader.jsx index 0abc8bab..70ffb1a8 100644 --- a/src/components/shared/AppHeader.jsx +++ b/src/components/shared/AppHeader.jsx @@ -3,8 +3,8 @@ import { FiMenu, FiMoon, FiSun, FiX } from 'react-icons/fi'; import { Link } from 'react-router-dom'; import useThemeSwitcher from '../../hooks/useThemeSwitcher'; import HireMeModal from '../HireMeModal'; -import logoLight from '../../images/logo-light.svg'; -import logoDark from '../../images/logo-dark.svg'; +import allanDark from '../../images/allan-dark.svg'; +import allanLight from '../../images/allan-light.svg'; import { motion } from 'framer-motion'; import Button from '../reusable/Button'; @@ -49,13 +49,13 @@ const AppHeader = () => { {activeTheme === 'dark' ? ( Dark Logo

) : (

diff --git a/src/data/aboutMeData.js b/src/data/aboutMeData.js index 241d7967..ebdbe6fd 100644 --- a/src/data/aboutMeData.js +++ b/src/data/aboutMeData.js @@ -1,10 +1,10 @@ export const aboutMeData = [ - { - id: 1, - bio: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt totam dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut quam natus similique inventore excepturi optio ipsa deleniti fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illo necessitatibus perspiciatis! Aperiam perferendis labore temporibus, eos culpa corporis recusandae quas, fuga voluptatibus nesciunt odit libero tenetur neque consequatur ea.', - }, - { - id: 2, - bio: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta?', - }, + { + id: 1, + bio: 'I am a passionate mobile application and web developer with over 3 years of experience. I am skilled in a variety of programming languages and technologies, including Java, Kotlin, Swift, JavaScript, C#, Flutter, React Native, and Xamarin. I am also proficient in a variety of design and development tools, such as Android Studio, Xcode, and Visual Studio.', + }, + { + id: 2, + bio: 'I have a strong track record of success in developing high-quality mobile apps and web applications. I am skilled at working with both technical and non-technical stakeholders to gather requirements, design solutions, and implement features. I am also proficient in testing and debugging code, and I am committed to delivering high-performing and user-friendly applications.', + }, ]; diff --git a/src/data/projects.js b/src/data/projects.js index 12480268..e52946f5 100644 --- a/src/data/projects.js +++ b/src/data/projects.js @@ -7,45 +7,45 @@ import UIImage1 from '../images/ui-project-1.jpg'; import UIImage2 from '../images/ui-project-2.jpg'; export const projectsData = [ - { - id: 1, - title: 'Google Health Platform', - category: 'Web Application', - img: WebImage2, - ProjectHeader: { - title: 'Project Management UI - From Context', - publishDate: 'Jul 26, 2021', - tags: 'UI / Frontend', - }, - }, - { - id: 2, - title: 'Phoenix Digital Agency', - category: 'Mobile Application', - img: MobileImage2, - }, - { - id: 3, - title: 'Project Management UI', - category: 'UI/UX Design', - img: UIImage1, - }, - { - id: 4, - title: 'Cloud Storage Platform', - category: 'UI/UX Design', - img: UIImage2, - }, - { - id: 5, - title: 'React Social App', - category: 'Mobile Application', - img: MobileImage1, - }, - { - id: 6, - title: 'Apple Design System', - category: 'Web Application', - img: WebImage1, - }, + { + id: 1, + title: 'Invoicy', + category: 'Web Application', + img: WebImage2, + ProjectHeader: { + title: 'Project Management UI - From Context', + publishDate: 'Jul 26, 2021', + tags: 'UI / Frontend', + }, + }, + { + id: 2, + title: 'Allan Movies', + category: 'Web Application', + img: UIImage2, + }, + { + id: 3, + title: 'Recipes', + category: 'Mobile Application', + img: UIImage1, + }, + { + id: 4, + title: 'Music Player', + category: 'Mobile Application', + img: MobileImage2, + }, + { + id: 5, + title: 'Chatcord', + category: 'Web Application', + img: MobileImage1, + }, + { + id: 6, + title: 'Furniture Shop', + category: 'Mobile Application', + img: WebImage1, + }, ]; diff --git a/src/images/allan-dark.svg b/src/images/allan-dark.svg new file mode 100644 index 00000000..7d24646c --- /dev/null +++ b/src/images/allan-dark.svg @@ -0,0 +1,183 @@ + \ No newline at end of file diff --git a/src/images/allan-light.svg b/src/images/allan-light.svg new file mode 100644 index 00000000..a69d2d07 --- /dev/null +++ b/src/images/allan-light.svg @@ -0,0 +1,160 @@ + \ No newline at end of file diff --git a/src/images/allan-profile.jpg b/src/images/allan-profile.jpg new file mode 100644 index 00000000..cbfaf43b Binary files /dev/null and b/src/images/allan-profile.jpg differ diff --git a/src/images/movies.png b/src/images/movies.png new file mode 100644 index 00000000..4eb2b47e Binary files /dev/null and b/src/images/movies.png differ diff --git a/src/pages/AboutMe.jsx b/src/pages/AboutMe.jsx index 53273d02..9a53438d 100644 --- a/src/pages/AboutMe.jsx +++ b/src/pages/AboutMe.jsx @@ -1,6 +1,6 @@ import AboutMeBio from '../components/about/AboutMeBio'; import AboutCounter from '../components/about/AboutCounter'; -import AboutClients from '../components/about/AboutClients'; +//import AboutClients from '../components/about/AboutClients'; import { AboutMeProvider } from '../context/AboutMeContext'; import { motion } from 'framer-motion'; @@ -31,7 +31,7 @@ const About = () => { exit={{ opacity: 0 }} className="container mx-auto" > - + {/* */} );