- βοΈ Tech Stack
- β¨ Features
- π Deploy Locally
π 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.
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.
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