A fully-custom, responsive, and modern ReactTS portfolio
Technologies used:
Like what you see? Give me a ⭐ to support my work!
📋 Table of Contents
- ⚙️ Tech Stack
- ✨ Features
- 🚀 Deploy Locally
⚙️ Tech Stack
👉 React: To leverage its rich ecosystem and large community support, streamlined development workflow, modern web development practices, and high performance.
👉 TypeScript: The added benefit of catching errors early, and lovely static-typing
👉 SASS: Easier to organize and more added features compared to CSS
👉 NodeJS: A unified development process.
👉 Figma: Efficient design.
✨ Features
1️⃣ Hero: Captivating introduction featuring a spaceship with a moving spaceship effect.
2️⃣ Work Experience: Prominent display of professional background for emphasis and credibility, including a resume inbed.
3️⃣ Responsiveness: Seamless adaptability across all devices, ensuring optimal viewing experience for every user.
4️⃣ Projects Showcase: Visually appealing presentation of projects with detailed descriptions and links to GitHub repositories.
5️⃣ Tech Stack: Display of skills and technologies used, organized into categories for easy viewing.
6️⃣ Contribution Map: Interactive GitHub contribution graph showing recent activity.
7️⃣ Social Links: Integration of social media icons linking to profiles on platforms like LinkedIn, GitHub, Medium, and Dev.to.
8️⃣ Custom Fonts: Implementation of custom fonts for a unique and polished look.
9️⃣ Footer: Well-designed footer with developer credits, social links, and copyright information.
1️⃣0️⃣ Code Architecture: Clean and maintainable code architecture with a focus on reusability and scalability.
🚀 Deploy locally
Prerequisites:
# Clone the repository
git clone https://github.com/tjklint/tjklint.github.io.git
# Navigate to the project directory
cd tjklint.github.io
# Install dependencies
npm i
# Run the local server
npm run start