A high-performance, scifi-themed portfolio application built with React, Tailwind CSS, Anime.js, and GSAP. Designed for software engineers who operate in the high-density data space.
-
Clone the Core:
git clone https://github.com/LeeRenJie/Portfolio.git cd Portfolio -
Mount Modules:
npm install
-
Engage System:
npm run dev
-
Compile Production Build:
npm run build
The system is modularized to allow for rapid reconfiguration:
- Personal Data: Modify
src/components/ProfileSection.jsxfor identity parameters. - Mission Archives: Update the
projectsarray insrc/components/ProjectsSection.jsxto reflect your deployment history. - Experience Logs: Edit
src/components/ExperienceSection.jsxto synchronize your career telemetry. - System Specs: Update
src/components/StackSection.jsxto map your current technology masteries. - Communication Channels: Reconfigure
src/components/ContactSection.jsxwith your external uplinks.
- Core: React 18+
- Styling: Tailwind CSS (Tactical Geometry)
- Animations: Anime.js (Micro-interactions) & GSAP (Scroll Precision)
- Visuals: Lucide React (System Icons)
- Deployment: Vite (High-Speed Engine)
This repository is open-source and intended for educational and personal use.
- You are free to clone, modify, and deploy your own instance.
- Credit Requirement: Please maintain a reference to the original architect (Lee Ren Jie) in the source metadata.
- Restrictions: Commercial redistribution of the core UX pattern as a standalone template for sale is prohibited.
ORIGINAL_ARCHITECT: Lee Ren Jie SYSTEM_STATUS: STABLE // v2.1.0
- How I Tested Malaysia's Open Data Portals with Plain English - [FreeCodeCamp]
- How to Build a Headless WordPress Frontend with Astro SSR on Cloudflare Pages - [FreeCodeCamp]
- Why Every Student Should Join Hackathons - [FreeCodeCamp]
- How to Excel as a New Developer and Beat the Dunning-Kruger Trap - [FreeCodeCamp]
- Git for beginners - [Hashnode]
- GitHub for Beginners. What is it & How to use it? - [Hashnode]
- Day 6: Growing with Open Source - [Hashnode]
- Top 5 Reasons Why I Blog - [Hashnode]
- Day 5: Building an Effective Developer Portfolio - [Hashnode]
- Day 4: Several Revenue Models for Software Engineers - [Hashnode]
- Importance Of LinkedIn For Tech Students - [Hashnode]
- Building a Portfolio Website (My Plan) - [Hashnode]
- Day 3: Stand Out by Building a Personal Brand - [Hashnode]
- Does Your University Sponsor Courses on Coursera? - [Hashnode]
- Power of SASS - [Hashnode]
- Day 2: Developer Blogging & Online Presence - [Hashnode]
- Day 1: How to Ship Articles Faster - [Hashnode]
- Wave Animation for Words - [Hashnode]
- Get Your GitHub Student Developer Pack - [Hashnode]
- 13 Tips For Freshmen Pursuing Tech - [Hashnode]