Skip to content

emon.one – My personal portfolio website built with GatsbyJS, showcasing my skills, projects, and professional background. πŸš€

License

Notifications You must be signed in to change notification settings

emonbhuiyan/emon.one

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Emon Bhuiyan - Personal Portfolio

Website GitHub Repo

πŸ“Œ Overview

This is my personal portfolio website, built with GatsbyJS, to showcase my skills, projects, and professional background. The website is designed to be fast, modern, and mobile-friendly.

Originally developed by Zonayed. This version is customized and maintained by Emon Bhuiyan.

🎨 Features

βœ… Responsive & Mobile-Friendly – Works seamlessly across all devices.
βœ… Project Showcase – Displays my featured projects with links to demo & source code.
βœ… Blog Section (Optional) – A space to share insights and experiences.
βœ… Contact Form – Allows visitors to reach out directly.
βœ… SEO Optimized – Implemented with best practices for better visibility.
βœ… Fast Performance – Built with Gatsby for speed and efficiency.

πŸ› οΈ Tech Stack

  • Frontend: Gatsby
  • Styling: CSS3
  • Deployment: GitHub Pages

πŸ“‚ Folder Structure

/emon.one
│── src/
β”‚   β”œβ”€β”€ assets/         # Images, fonts, icons
β”‚   β”‚   └── image/
β”‚   β”œβ”€β”€ components/     # Reusable React components
β”‚   β”‚   β”œβ”€β”€ common/
β”‚   β”‚   β”‚   β”œβ”€β”€ button.css
β”‚   β”‚   β”‚   β”œβ”€β”€ button.js
β”‚   β”‚   β”‚   β”œβ”€β”€ container.css
β”‚   β”‚   β”‚   β”œβ”€β”€ container.js
β”‚   β”‚   β”‚   β”œβ”€β”€ footer.css
β”‚   β”‚   β”‚   β”œβ”€β”€ footer.js
β”‚   β”‚   β”‚   β”œβ”€β”€ header.css
β”‚   β”‚   β”‚   β”œβ”€β”€ header.js
β”‚   β”‚   β”‚   β”œβ”€β”€ index.js
β”‚   β”‚   β”‚   β”œβ”€β”€ layout.css
β”‚   β”‚   β”‚   β”œβ”€β”€ layout.js
β”‚   β”‚   β”‚   β”œβ”€β”€ logo.js
β”‚   β”‚   β”‚   β”œβ”€β”€ seo.js
β”‚   β”‚   β”‚   β”œβ”€β”€ title.css
β”‚   β”‚   β”‚   └── title.js
β”‚   β”‚   β”œβ”€β”€ about.css
β”‚   β”‚   β”œβ”€β”€ About.js
β”‚   β”‚   β”œβ”€β”€ contact.css
β”‚   β”‚   β”œβ”€β”€ Contact.js
β”‚   β”‚   β”œβ”€β”€ index.js
β”‚   β”‚   β”œβ”€β”€ intro.css
β”‚   β”‚   β”œβ”€β”€ Intro.js
β”‚   β”‚   β”œβ”€β”€ lovetodo.css
β”‚   β”‚   β”œβ”€β”€ LoveToDo.js
β”‚   β”‚   β”œβ”€β”€ portfolio.css
β”‚   β”‚   β”œβ”€β”€ Portfolio.js
β”‚   β”‚   β”œβ”€β”€ portfolioaction.css
β”‚   β”‚   β”œβ”€β”€ PortfolioAction.js
β”‚   β”‚   β”œβ”€β”€ skill.css
β”‚   β”‚   └── Skill.js
β”‚   β”œβ”€β”€ data/
β”‚   β”‚   β”œβ”€β”€ index.js
β”‚   β”‚   β”œβ”€β”€ languages.js
β”‚   β”‚   β”œβ”€β”€ portfolios.js
β”‚   β”‚   └── skills.js
β”‚   β”œβ”€β”€ pages/          # Page files (e.g., Home, About, Contact)
β”‚   β”‚   β”œβ”€β”€ 404.js
β”‚   β”‚   └── 404.css     # CSS for 404 page
β”‚   β”‚   └── index.js
│── static/             # Static files
β”‚   └── CNAME
│── .github/workflows/  # GitHub Actions for CI/CD
β”‚   └── deploy.yml
│── CNAME
│── gatsby-config.js    # Gatsby configuration
│── package.json        # Dependencies and scripts
│── README.md           # Project documentation

πŸš€ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/emonbhuiyan/emon.one.git
cd emon.one

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm run develop

Now, open http://localhost:8000/ in your browser.

🌍 Deployment

This portfolio is automatically deployed using GitHub Pages.

To deploy manually, run:

npm run build
npm run deploy

πŸ“ License

This project is licensed under the MIT License. See View License for details.

πŸ”Ή Feel free to fork, modify, and use this project as a template for your own portfolio! 😊

About

emon.one – My personal portfolio website built with GatsbyJS, showcasing my skills, projects, and professional background. πŸš€

Resources

License

Stars

Watchers

Forks