Welcome to shahirahmed.com—my personal portfolio website! This is where I showcase my skills, projects, and professional journey as a software developer. Whether you’re here to explore my work, learn more about me, or get in touch—this is the place to do it. 🌟
Visit the live site: shahirahmed.com
This portfolio is designed to provide visitors with an intuitive and engaging experience while exploring who I am and what I do. It includes:
- Home Page: A friendly introduction to welcome you.
- About Page: My background, education, skills, and experience—all in one place.
- Projects Page: A gallery of my best work with links to live demos and source code.
- Contact Page: A fully functional contact form, plus links to all my socials.
- 404 Page: A helpful (and fun) guide for lost visitors.
- Responsive Design: Looks great on any device, from widescreens to smartphones.
- Smooth Page Transitions: Seamless animations enhance the browsing experience.
- Custom Domain: Hosted at shahirahmed.com.
- 404 Error Page: User-friendly error handling with quick navigation options.
This project is built using modern web development tools:
- Frontend: React.js ⚛️
- Styling: Material UI & custom CSS 🎨
- Animations: React Router transitions for a polished look.
- Form Handling: EmailJS for contact form integration 📧
- Hosting: Deployed on Netlify 🚀
- Custom Domain: Fully integrated with shahirahmed.com.
Here’s how the project is organized:
├── README.md
├── eslint.config.js
├── index.html
├── package.json
├── vite.config.js
├── public/
│ └── _redirects
└── src/
├── App.jsx
├── main.jsx
├── assets/
├── components/
│ ├── About.jsx
│ ├── ContactMe.jsx
│ ├── ErrorPage.jsx
│ ├── Footer.jsx
│ ├── GitHubStats.jsx
│ ├── HomePage.jsx
│ ├── Navbar.jsx
│ ├── Projects.jsx
│ ├── Resume.jsx
│ ├── ScrollToTop.jsx
│ └── SocialIcons.jsx
└── css/
├── normalize.css
└── style.css
Here’s how you can run the website locally:
-
Clone the Repository
git clone https://github.com/Shahir-47/shahirahmed.com.git cd shahirahmed.com -
Install Dependencies
npm install
-
Run the Development Server
npm run dev
Now you’re all set! 🎉
Suggestions or contributions are always welcome! Here’s how you can contribute:
- Fork the repository.
- Create a new branch:
git checkout -b your-feature-branch
- Make your changes and commit them:
git commit -m "Your message" - Push to your branch:
git push origin your-feature-branch
- Open a pull request. 🚀
Feel free to reach out through:
- Contact Page: Use the built-in form to send me a message.
- LinkedIn: Let’s connect!
This project is licensed under the MIT License. Feel free to use and adapt it for your own purposes—just give credit where it’s due!
Thank you for checking out my portfolio! 🎉
Let me know if you need anything else! 😊