This portfolio website showcases my skills and projects as a Front-End Web Developer. It is designed with a focus on interactivity, smooth animations, and responsiveness. The site features a dynamic skills section, a draggable interface, and a fully functional contact form powered by EmailJS.
This is my personal portfolio website showcasing my technical skills, projects, and experience as a Front-End Web Developer. The site features animations, interactive components, and a contact form using EmailJS.
The portfolio website is built with the following technologies and libraries:
@fortawesome/free-brands-svg-icons
@fortawesome/free-solid-svg-icons
To get started with the project, follow these steps:
Make sure you have the following installed:
git clone https://github.com/souvik-basak/portfolio.git
cd portfolio
npm install
# or
yarn install
npm start
# or
yarn start
The site should now be running on http://localhost:3000/
.
To create a production-ready build of the portfolio, run:
npm run build
# or
yarn build
This will generate a build
folder with static files ready to be deployed.
For the contact form to work, you need to configure EmailJS:
import emailjs from '@emailjs/browser';
// Inside your form submission handler
emailjs.sendForm(
'YOUR_SERVICE_ID',
'YOUR_TEMPLATE_ID',
form.current,
'YOUR_USER_ID'
)
Replace the placeholders with your actual IDs.
react-scripts
.my-portfolio/
├── public/
│ ├── index.html # Main HTML file
│ └── ...
├── src/
│ ├── assets/ # Static assets like images and icons
│ ├── components/ # Reusable React components
│ ├── pages/ # Main pages of the site
│ ├── styles/ # SASS files
│ ├── App.js # Main App component
│ ├── index.js # Entry point for React
│ └── ...
├── .gitignore # Files and directories to ignore in Git
├── package.json # Project metadata and dependencies
└── README.md # You are here
Here are the main libraries and dependencies used:
This is a personal portfolio website, so contributions are not currently accepted. However, feel free to fork the repository and build your own version!
This project is licensed under the MIT License - see the LICENSE file for details.