React Developer Portfolio

Soumyajit Basak's Developer Portfolio is an open-source, single-page React website template that displays a developer's projects, skills, experience, and contact details in an animated, fully responsive layout.

What is this Developer Portfolio?

This is a personal portfolio template built with React.js, styled with Tailwind CSS and React Icons, and animated with Framer Motion. It takes the owner's projects, skills, work history, and contact information and renders them as six scrollable sections: Home, Projects, Skills, Experience, About, and Contact Me. The template is published on GitHub by Soumyajit Basak, a Jr. Software Developer from Bengaluru, India, and is deployed live at soumyajitbasak.netlify.app.

Key Features

The template's features focus on interaction and quick contact conversion, not just static content display.

• Framer Motion animations — smooth scroll and hover transitions give the page a living, dynamic feel without requiring page reloads.
• "Say Hello" button — a call-to-action that instantly books a 1:1 meeting with the site owner, used as the primary conversion point.
• Download CV button — lets anyone grab the developer's resume in one click, useful for recruiters and hiring managers.
• Dark mode toggle — a theme switcher that respects the visitor's preference and reduces eye strain.
• Fully responsive layout — the site adapts to mobile, tablet, and desktop widths, with the README showing a screenshot of the home page.
• EmailJS contact form — the Contact Me section sends messages directly from the browser to the owner's email without a backend server.
• Six distinct content sections — Home, Projects, Skills, Experience, About, and Contact Me provide a complete professional story.
• React Icons — modern iconography is used throughout for skills, social links, and UI elements.

Who is it for?

This template suits developers who want a portfolio site without designing from scratch. It is particularly useful for front-end developers who already know React and want to extend the code, engineering graduates who need to present their academic and internship experience, and freelancers who want a "Say Hello" button to book client calls. Because the code is open source, it also works as a learning project for anyone studying React, Tailwind CSS, and Framer Motion together.

What can you do with it?

• Job-seeking developers can fork the repository, replace the content with their own projects and resume, and deploy the static site to Netlify in minutes.
• Freelancers can use the built-in contact form and meeting booking button to capture leads directly from their portfolio.
• React learners can study how Tailwind CSS utilities, Framer Motion animations, and EmailJS are combined in a real single-page application, then experiment by modifying components.

FAQ

Is this portfolio template free to use?

Yes. The repository is public on GitHub, and the README explicitly invites you to fork the project. The site is a standard React app, so you can clone it, edit the components, and host it anywhere that serves static files, such as Netlify.

What tech stack does it use?

The template is built with React.js, Tailwind CSS, Framer Motion, React Icons, and EmailJS. It also uses plain JavaScript, HTML, and CSS for standard web functionality. The live demo is hosted on Netlify.

Does it have a dark mode?

Yes, the portfolio includes a dark mode toggle, allowing visitors to switch between light and dark themes. This is a user-facing feature implemented with CSS class switching.

Can I change the content to my own information?

Yes, because it is a React project, content lives in JSX components under the src directory. You can edit the text, images, project links, and resume file, then rebuild the site to publish your own version.