Portfolio WebsiteTailwind CSS

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS

DSFolio is a personal portfolio website template designed to showcase a developer’s professional profile, projects, and skills. The repository serves as both a personal portfolio for Daniel Shan

View on GitHub Live Demo

Share this project

Help others discover it

Live Demo Screenshots

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS screenshot 1

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS screenshot 2

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS screenshot 3

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS screenshot 4

DSFolio – Modern Portfolio Website Built with React & Tailwind CSS screenshot 5

About This Project

DSFolio is a personal portfolio website template designed to showcase a developer’s professional profile, projects, and skills. The repository serves as both a personal portfolio for Daniel Shan Balico and a reusable template for other developers. Its main functionality focuses on presenting professional information in a clean, responsive interface with customizable sections for projects, education, experience, and contact details. The implementation emphasizes user experience with smooth navigation and theme customization options.

Key Features:

Responsive design adapting to different screen sizes
Dark/Light theme toggle functionality
Project showcase with grid layout
Interactive skills section with technology icons
Education and experience timeline display
Certificate carousel with tooltips
Social media integration
Contact section with direct email link
Customizable content through user_info.js file
Google Analytics integration
SEO-friendly structure

Quick Start

Clone Repository

git clone https://github.com/dsbalico/dsfolio.git

Install Dependencies

npm install
npm start

Technologies Used:

React.js
Tailwind CSS
HTML5
JavaScript
Vite (Build tool)
Vercel/Netlify (Deployment)

Libraries Used:

react-router-dom (Navigation)
react-icons (Icon components including):
- FaSquareXTwitter
- FaLinkedin
- FaFacebook
- FaInstagram
- BiLogoNetlify
- CgVercel
- DiGithubAlt
- SiTailwindcss
- SiTensorflow
- And various other icon sets
Google Analytics (Website tracking)

About the Author

Daniel Shan Balico

@dsbalico

Software Engineer

View GitHub Profile

Quick Actions

View Source Code Try Live Demo Star Repository

Related Projects

Explore similar repositories with Portfolio Website tag

Sep 27, 2024

1 min read

This is my portfolio website which I have built using the NextJS.

This is a personal portfolio website repository created by Rohit Gour to showcase his work, skills, and professional journey. The portfolio is designe

NextjsPortfolio Website

Sep 27, 2024

1 min read

Microsoft React Tailwind Clone App

This repository contains a static clone of Microsoft’s website built using React and Tailwind CSS. The primary purpose is to demonstrate the imp

Landing pageReact Clone AppTailwind CSS

Sep 27, 2024

1 min read

Learning Buddy | Learn and Educate Yourself with fun

Learning Buddy is a tutoring services platform designed to facilitate online learning. The repository contains code for a web application that connect

FirebaseTailwind CSS

Browse All Projects