----
-
-# [Built Portfolio With GitHub ](https://github.com/said7388/github-portfolio)
-
----
-
-# Developer Portfolio
-
-#### Are you struggling to create a professional portfolio website? Look no further! You can use the Developer Portfolio template and create your very own personalized portfolio today! My website is designed to be user-friendly and easily customizable, making it perfect for both developers and freelancers.
-
----
-
-# Demo :movie_camera:
-
-
-
-## View live preview [here](https://abusaid.netlify.app/).
-
----
-
-## Table of Contents :scroll:
-
-- [Sections](#sections-bookmark)
-- [Demo](#demo-movie_camera)
-- [Installation](#installation-arrow_down)
-- [Getting Started](#getting-started-dart)
-- [Usage](#usage-joystick)
-- [Deployment](#deployment-rocket)
-- [Tutorials](#tutorials-wrench)
- - [Gmail App Password Setup](#gmail-app-password-setup)
- - [Create a Telegram Bot](#create-a-telegram-bot)
- - [Fetching Blog from dev.to](#fetching-blog-from-devto)
-- [Packages Used](#packages-used-package)
-
----
-
-# Sections :bookmark:
-
-- HERO SECTION
-- ABOUT ME
-- EXPERIENCE
-- SKILLS
-- PROJECTS
-- EDUCATION
-- BLOG
-- CONTACTS
-
----
-
-# Installation :arrow_down:
-
-### You will need to download Git and Node to run this project
-
-- [Git](https://git-scm.com/downloads)
-- [Node](https://nodejs.org/en/download/)
-
-#### Make sure you have the latest version of both Git and Node on your computer.
-
-```bash
-node --version
-git --version
-```
-
-##
-
-# Getting Started :dart:
-
-### Fork and Clone the repo
-
-To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands
-
-```bash
-git clone https://github.com//developer-portfolio.git
-
-cd developer-portfolio
-```
-
-### Install packages from the root directory
-
-```bash
-npm install
-# or
-yarn install
-```
-
-Then, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
----
-
-### Running with Docker Compose
-
-1. **Build Docker Image and Run Container**:
- ```bash
- docker-compose up --build
- ```
-
-2. **Access the Application**:
- Visit [http://localhost:3000](http://localhost:3000) in your web browser to view the running application.
-
----
-
-### Building the Docker Image
-
-1. **Build the Docker Image using Dockerfile.dev**:
-
- ```bash
- docker build -t nextjs-app -f Dockerfile.dev .
- ```
-
-2. **Running the Docker Container**:
-
- ```bash
- docker run -p 3000:3000 nextjs-app
- ```
-
-3. **Access the Application**:
- Visit [http://localhost:3000](http://localhost:3000) in your web browser to view the running application.
-
----
-
-# Usage :joystick:
-
-Please create a new `.env` file from `.env.example` file.
-
-Eg:
-
-```env
-NEXT_PUBLIC_GTM =
-NEXT_PUBLIC_APP_URL =
-TELEGRAM_BOT_TOKEN =
-TELEGRAM_CHAT_ID =
-GMAIL_PASSKEY =
-EMAIL_ADDRESS =
-```
-
-### Then, Customize data in the `utils/data` [folder](https://github.com/said7388/developer-portfolio/tree/main/utils/data).
-
-Eg:
-
-```javascript
-export const personalData = {
- name: "ABU SAID",
- profile: "/profile.png",
- designation: "Full-Stack Software Developer",
- description: "My name is ABU SAID....",
- email: "abusaid7388@gmail.com",
- phone: "+8801608797655",
- address: "Dhaka, Bangladesh",
- github: "https://github.com/said7388",
- facebook: "https://www.facebook.com/abusaid.riyaz/",
- linkedIn: "https://www.linkedin.com/in/abu-said-bd/",
- twitter: "https://twitter.com/said7388",
- stackOverflow: "https://stackoverflow.com/users/16840768/abu-said",
- leetcode: "https://leetcode.com/said3812/",
- devUsername: "said7388",
- resume: "...",
-};
-```
-
-`devUsername` is used for fetching blog posts from `dev.to`.
-
----
-
-# Deployment :rocket:
-
-Deploying the app to platforms like Vercel or Netlify is quick and easy.
-
-## Deploying to Vercel:
-
-1. **Sign up or log in** to [Vercel](https://vercel.com/).
-2. Once logged in, click on **"New Project"**.
-3. Select your **GitHub repo** (the one that contains your forked project) and click **Import**.
-4. Configure your environment variables in the Vercel dashboard by adding each key from your `.env` file.
- - E.g., `NEXT_PUBLIC_GTM`, `NEXT_PUBLIC_APP_URL`, `TELEGRAM_BOT_TOKEN`, etc.
-5. Click on **Deploy**. Vercel will automatically detect your Next.js app and build it.
-6. Once the deployment is complete, you can visit your live website!
-
-### Updating After Deployment
-
-Whenever you push changes to your GitHub repo, Vercel will automatically redeploy the app, keeping your portfolio up-to-date.
-
-## Deploying to Netlify:
-
-1. **Sign up or log in** to [Netlify](https://www.netlify.com/).
-2. In the **Netlify Dashboard**, click **"New site from Git"**.
-3. Connect your **GitHub** account and select your repo.
-4. Configure your environment variables by going to **Site Settings > Build & Deploy > Environment** and adding keys from your `.env` file.
-5. Click **Deploy Site**. Netlify will build and deploy your portfolio.
-
----
-
-# Tutorials :wrench:
-
-## Gmail App Password Setup
-
-1. **Log in to your Google Account** at [https://myaccount.google.com/](https://myaccount.google.com/).
-2. Navigate to **Security** from the left sidebar.
-3. Scroll down to the **"Signing in to Google"** section and make sure **2-Step Verification** is turned ON.
-4. Once 2-Step Verification is enabled, you'll see an option for **App Passwords**.
-5. Click on **App Passwords**. You may need to enter your Google account password again.
-6. In the **Select app** dropdown, choose "Mail", and for **Select device**, choose "Other (Custom name)" and name it appropriately (e.g., "Portfolio").
-7. Click **Generate**. A 16-character app password will be displayed. Save this password for later use in your environment variables (e.g., `GMAIL_PASSKEY`).
-
-## Create a Telegram Bot
-
-1. **Open Telegram** and search for the user **@BotFather**.
-2. Start a chat with BotFather and use the `/newbot` command to create a new bot.
-3. Choose a name for your bot.
-4. Set a unique username for your bot (must end with `bot`, e.g., `PortfolioAssistantBot`).
-5. Once your bot is created, BotFather will send you a **Token**. Save this token, as you will need it for your environment variables (e.g., `TELEGRAM_BOT_TOKEN`).
-6. To get your chat ID:
- - Open your bot in Telegram and send it a message.
- - Visit the following URL in your browser, replacing `BOT_TOKEN` with your actual bot token:
- `https://api.telegram.org/bot/getUpdates`
- - Look for the `chat` object in the response, which contains your **chat ID** (you can use this value for `TELEGRAM_CHAT_ID`).
-
-## Fetching Blog from dev.to
-
-To display your blog posts from dev.to on the portfolio:
-
-1. Set your `devUsername` in the `utils/data.js` file to your dev.to username.
-2. The application will automatically fetch your latest blog posts and display them in the **BLOG** section.
-3. Ensure your blogs are publicly visible on dev.to, and the application will fetch them using the dev.to API.
-
----
-
-# Packages Used :package:
-
-| Used Package List |
-| :--------------------: |
-| @emailjs/browser |
-| @next/third-parties |
-| axios |
-| lottie-react |
-| next |
-| nodemailer |
-| react |
-| react-dom |
-| react-fast-marquee |
-| react-google-recaptcha |
-| react-icons |
-| react-toastify |
-| sharp |
-| sass |
-| tailwindcss |
-
----
-
-# FAQ:
-
-1. For those facing the issue of "`next` is not recognized as an internal or external command, operable program or batch file."
-
-Run the following command:
-
-```bash
-
-npm install -g next
-
-```
-
-This installs Next.js globally
-
-then do the usual `npm run dev`
diff --git a/app/components/footer.jsx b/app/components/footer.jsx
index 733f9e8d..74171b78 100644
--- a/app/components/footer.jsx
+++ b/app/components/footer.jsx
@@ -12,12 +12,12 @@ function Footer() {
@@ -25,7 +25,7 @@ function Footer() {
diff --git a/app/components/navbar.jsx b/app/components/navbar.jsx
index 8c9d96e0..369163ea 100644
--- a/app/components/navbar.jsx
+++ b/app/components/navbar.jsx
@@ -10,7 +10,7 @@ function Navbar() {
- ABU SAID
+ jheann
diff --git a/app/layout.js b/app/layout.js
index 87031ca8..9284887c 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -10,9 +10,9 @@ import "./css/globals.scss";
const inter = Inter({ subsets: ["latin"] });
export const metadata = {
- title: "Portfolio of Abu Said - Software Developer",
+ title: "Portfolio of jheann kate",
description:
- "This is the portfolio of Abu Said. I am a full stack developer and a self taught developer. I love to learn new things and I am always open to collaborating with others. I am a quick learner and I am always looking for new challenges.",
+ "This is the portfolio of jheannkate. I am a full stack developer and a self taught developer. I love to learn new things and I am always open to collaborating with others. I am a quick learner and I am always looking for new challenges.",
};
export default function RootLayout({ children }) {
diff --git a/public/image.jpg b/public/image.jpg
new file mode 100644
index 00000000..e7197cb0
Binary files /dev/null and b/public/image.jpg differ
diff --git a/public/image.png b/public/image.png
new file mode 100644
index 00000000..e62714c5
Binary files /dev/null and b/public/image.png differ
diff --git a/public/profile.png b/public/profile.png
deleted file mode 100644
index 0791debc..00000000
Binary files a/public/profile.png and /dev/null differ
diff --git a/utils/data/contactsData.js b/utils/data/contactsData.js
index edce9668..58c4bf7b 100644
--- a/utils/data/contactsData.js
+++ b/utils/data/contactsData.js
@@ -1,11 +1,11 @@
export const contactsData = {
- email: 'abusaid7388@gmail.com',
- phone: '+8801608797655',
- address: 'Middle Badda, Dhaka, Bangladesh - 1212 ',
- github: 'https://github.com/said7388',
- facebook: 'https://www.facebook.com/abusaid.riyaz/',
- linkedIn: 'https://www.linkedin.com/in/abu-said-bd/',
- twitter: 'https://twitter.com/said7388',
- stackOverflow: 'https://stackoverflow.com/users/16840768/abu-said',
- devUsername: "said7388"
+ email: 'robleskate36@gmail.com',
+ phone: '09289884630',
+ address: 'Iloilo City ',
+ github: 'https://github.com/jheann0',
+ facebook: 'https://www.facebook.com/jheannkate.robles/',
+ linkedIn: 'https://www.linkedin.com/in/jheann-kate-robles-895863316/',
+ twitter: 'https://twitter.com/jheannkate',
+ stackOverflow: 'https://stackoverflow.com/users/jheannkate',
+ devUsername: "jheannkate"
}
\ No newline at end of file
diff --git a/utils/data/educations.js b/utils/data/educations.js
index 1452c59f..6e8b65f8 100644
--- a/utils/data/educations.js
+++ b/utils/data/educations.js
@@ -1,20 +1,20 @@
export const educations = [
{
id: 1,
- title: "Bachelor Degree",
- duration: "2020 - Present",
- institution: "National University of Bangladesh",
+ title: "college",
+ // duration: "2020 - Present",
+ institution: "Western Institute of Technology",
},
{
id: 2,
- title: "Higher Secondary Certificate",
- duration: "2018 - 2020",
- institution: "Noakhali Islamia Kamil Madrasah",
+ title: "High School",
+ // duration: "2018 - 2020",
+ institution: "Maasin National Comprehensive High School",
},
{
id: 3,
- title: "Secondary School Certificate",
- duration: "2008 - 2018",
- institution: "Baitus Saif Islamia Madrasah",
+ title: "Elementary",
+ // duration: "2008 - 2018",
+ institution: "Maasin Central Elementary School",
}
]
\ No newline at end of file
diff --git a/utils/data/experience.js b/utils/data/experience.js
index 250229b6..b93809a5 100644
--- a/utils/data/experience.js
+++ b/utils/data/experience.js
@@ -1,20 +1,20 @@
export const experiences = [
{
id: 1,
- title: 'Software Engineer I',
- company: "Teton Private Ltd.",
- duration: "(Jan 2022 - Present)"
+ title: 'I may not have industry experience yet, but I have gained hands-on experience through personal projects in school. Ive worked with design tools such as figma to create wireframes, prototypes, and high fidelity designs. While my experience is primarily academic, I’m passionate about applying these skills in real-world projects and continuously improving my design approach.',
+ // company: "Teton Private Ltd.",
+ //duration: "(Jan 2022 - Present)"
},
{
id: 2,
- title: "FullStack Developer",
- company: "Fiverr (freelance)",
- duration: "(Jun 2021 - Jan 2022)"
+ title: "As a student with a focus on development, I have gained practical experience through a combination of coursework, personal projects, and collaborative coding challenges. I've worked with a variety of programming languages and frameworks, including JavaScript, HTML, CSS, React, and Node.js, allowing me to build dynamic and responsive websites and applications.",
+ // company: "Fiverr (freelance)",
+ //duration: "(Jun 2021 - Jan 2022)"
},
{
id: 3,
title: "Self Employed",
- company: "Code and build something in everyday.",
- duration: "(Jan 2018 - Present)"
+ //company: "Code and build something in everyday.",
+ //duration: "(Jan 2018 - Present)"
}
]
\ No newline at end of file
diff --git a/utils/data/personal-data.js b/utils/data/personal-data.js
index 0981b890..7e788e9d 100644
--- a/utils/data/personal-data.js
+++ b/utils/data/personal-data.js
@@ -1,17 +1,17 @@
export const personalData = {
- name: "ABU SAID",
- profile: '/profile.png',
- designation: "Software Developer",
- description: "My name is ABU SAID. I am a professional and enthusiastic programmer in my daily life. I am a quick learner with a self-learning attitude. I love to learn and explore new technologies and am passionate about problem-solving. I love almost all the stacks of web application development and love to make the web more open to the world. My core skill is based on JavaScript and I love to do most of the things using JavaScript. I am available for any kind of job opportunity that suits my skills and interests.",
- email: 'abusaid7388@gmail.com',
- phone: '+8801608797655',
- address: 'Middle Badda, Dhaka, Bangladesh - 1212 ',
- github: 'https://github.com/said7388',
- facebook: 'https://www.facebook.com/abusaid.riyaz/',
- linkedIn: 'https://www.linkedin.com/in/abu-said-bd/',
- twitter: 'https://twitter.com/said7388',
- stackOverflow: 'https://stackoverflow.com/users/16840768/abu-said',
- leetcode: "https://leetcode.com/said3812/",
- devUsername: "said7388",
- resume: "https://drive.google.com/file/d/1eyutpKFFhJ9X-qpQGKhUNnVRkB5Wer00/view?usp=sharing"
+ name: "JHEANN KATE ROBLES",
+ profile: '/image.jpg',
+ designation: "UI/UX, Developer",
+ description: "My name is Jheann kate. I am a professional and enthusiastic programmer in my daily life. I am a quick learner with a self-learning attitude. I love to learn and explore new technologies and am passionate about problem-solving. I love almost all the stacks of web application development and love to make the web more open to the world. My core skill is based on JavaScript and I love to do most of the things using JavaScript. I am available for any kind of job opportunity that suits my skills and interests.",
+ email: 'robleskate36@gmail.com',
+ phone: '09289884630',
+ address: 'Iloilo City ',
+ github: 'https://github.com/jheann0',
+ facebook: 'https://www.facebook.com/jheannkate.robles/',
+ linkedIn: 'https://www.linkedin.com/in/jheannkate/',
+ twitter: 'https://twitter.com/jheannkate',
+ stackOverflow: 'https://stackoverflow.com/users/jheannkate',
+ leetcode: "https://leetcode.com/jheannkate/",
+ devUsername: "jheann0",
+ resume: "https://drive.google.com/file/d/1UhszElaBl3NT1uN0acq-e4RxIMGWoCt6/view?usp=drive_link"
}
\ No newline at end of file
diff --git a/utils/data/projects-data.js b/utils/data/projects-data.js
index 313c16a1..01a6d073 100644
--- a/utils/data/projects-data.js
+++ b/utils/data/projects-data.js
@@ -1,29 +1,29 @@
export const projectsData = [
{
id: 1,
- name: 'AI Powered Financial App',
- description: "Me and my team built an AI-powered financial mobile application. I have developed API using Express, Typescript, OpenAI, AWS, and MongoDB. Used OTP via AWS SES, Google, and Facebook for the authentication system. Built AI assistants using OpenAI's latest model and trained using our dataset. Voice messages are converted to text using AWS Transcribe. The app fetches data from Google Sheets and generates a PDF term sheet, sent via AWS SES.",
- tools: ['Express', 'MongoDB', 'OpenAI API', 'AWS SES', 'AWS S3', 'Node Mailer', 'Joi', 'Puppeteer', 'EC2', 'PM2', 'Nginx'],
- role: 'Backend Developer',
+ name: 'MERN awesometodo list',
+ description: "I have develop a awesometodos using MERN stack.",
+ tools: ['Express', 'MongoDB', 'React', 'node'],
+ role: 'Full Stack Developer',
code: '',
demo: '',
},
{
id: 2,
- name: 'Travel Agency App',
- description: 'I have designed and developed a full-stack web app for 2Expedition, a travel agency in Armenia. I created the UI using NextJS, Typescript, MUI, TailwindCSS, Google Maps, Sun-Editor, and React Slick. The app supports multiple languages and currencies. I developed the API using NestJS, Typescript, MySQL, TypeORM, AWS, and Nodemailer. I deployed the front-end app to AWS Amplify and the back-end app to AWS EC2.',
- tools: ['NextJS', 'Tailwind CSS', "Google Maps", "NestJS", "TypeScript", "MySQL", "AWS S3", "Sun-Editor", "Gmail Passkey"],
- role: 'Full Stack Developer',
+ name: 'ANTI LIGOY DEVICE',
+ description: 'My team designed a app that will notify your parents if you attended in school.',
+ tools: ['FIGMA'],
+ role: 'Designer',
code: '',
demo: '',
},
{
id: 3,
- name: 'AI Powered Real Estate',
- description: 'My team built an AI-based real estate app using Replicate API and OpenAI. We used Express, Typescript, OpenAI, Replicate, Stripe, and Mongoose to develop the API. We utilized NextJS, Formik, TailwindCSS, and other npm libraries for the UI. We have trained multiple AI assistants using the latest GPT model and integrated Replicate API for image processing. We added role-based auth, subscription plans, Cron job scheduling, and payment integration with Stripe.',
- tools: ['React', 'Bootstrap', 'SCSS', 'Stripe', 'Express', 'TypeScript', 'MongoDB', 'Azure Blob', 'OpenAI API', 'Replicate AI', 'Cronjob', 'JWT'],
+ name: 'Article Fact Checker',
+ description: 'My team built an AI-based real estate web app, which is article fact checker called ConfirmDen ',
+ tools: ['React', 'Express', 'MongoDB', 'OpenAI API', 'node'],
code: '',
- role: 'Full Stack Developer',
+ role: 'UI/UX Designer',
demo: '',
},
{