Welcome to my portfolio website! This site showcases my skills, experience, education, projects, and how to get in touch with me. It's built with React and Vite for a fast, modern web experience. You can explore my work, learn about my journey, and contact me directly.
Demo
Live Preview
Check out the live preview of the portfolio website here:
Live Demo
π― Project Structure
portfolio/
βββ node_modules/
βββ public/
βββ src/
β βββ assets/
β βββ components/
β β βββ ui/
β β β βββ Reusable Components/
β β β β βββ badge.jsx
β β β β βββ button.jsx
β β β β βββ card.jsx
β β β β βββ EducationLoader.jsx
β β β β βββ evervault-card.jsx
β β β β βββ flip-words.jsx
β β β β βββ icon-cloud.jsx
β β β β βββ meteors.jsx
β β β β βββ sparkles-text.jsx
β β β β βββ tooltip.jsx
β β β β
β β β βββ Main Components/
β β β β βββ AnimatedGrid.jsx
β β β β βββ Contact.jsx
β β β β βββ Education.jsx
β β β β βββ enhanced-portfolio-card.jsx
β β β β βββ Experience.jsx
β β β β βββ global.jsx
β β β β βββ Header.jsx
β β β β βββ Hero.jsx
β β β β βββ Home.jsx
β β β β βββ PortfolioPage.jsx
β β β β βββ Projects.jsx
β β β β βββ Skills.jsx
β β βββ lib/
β βββ App.jsx
β βββ main.jsx
βββ Configuration Files/
β βββ .eslintrc.js
β βββ .gitignore
β βββ components.json
β βββ index.html
β βββ jsconfig.json
β βββ package-lock.json
β βββ package.json
β βββ postcss.config.js
β βββ README.md
β βββ tailwind.config.js
βββ vite.config.js
Sections of the Portfolio
The portfolio website consists of the following sections:
- Home: Introduction and a brief overview.
- Skills: A detailed list of my technical skills.
- Experience: My professional journey and work experience.
- Education: Academic background and certifications.
- Projects: A showcase of the projects I've worked on.
- Contact: Information on how to reach out to me.
π» Technologies Used
- Frontend: React.js with Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: React Icons
- Deployment: Vercel
Installation β¬οΈ
You will need to download Git and Node to run this project.
Git
- Download and install Git from the official website: Git Downloads
- Verify the installation:
git --version
Node
- Download and install Node.js from the official website: Node.js Downloads
- Make sure you have the latest version of both Git and Node on your computer.
- Verify the installation:
node --version
Getting Started π―
Fork and Clone the Repository π
- Click the Fork button at the top-right corner of the page to create your own copy of the repository.
- After forking, open your terminal and run the following commands to clone the repo:
git clone https://github.com/seraprogrammer/portfolio.git
Navigate to the Project Directory π
Once the repository is cloned, change your directory to the project folder:
cd portfolio
Install Dependencies βοΈ
From the root directory of your project, install the necessary packages:
npm install
Run the Development Server π
Start the development server to see your project live:
npm run dev
View the Project π
Open your browser and visit http://localhost:5173/ to see the result! π
π License
This project is licensed under the MIT License - see the LICENSE file for details.
π€ Contributing
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Made with β€οΈ by Nazmul Hossain
Top comments (1)
any suggestions?