[!NOTE] This repository contains the source code and content for my personal portfolio website. You can view it live at https://justinjdaniel.com/.
Technologies
This project uses Next.js, a React framework that enables hybrid static and server rendering, fast refresh, code splitting, built-in CSS support, and more. To learn more about Next.js, you can visit their documentation or blog.
It also uses Tailwind CSS, a utility-first CSS framework for rapidly building custom designs. Tailwind CSS works by scanning your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It's fast, flexible, and reliable — with zero runtime. You can read the installation guide.
Another key technology in this project is GSAP, a professional-grade animation platform for the modern web. GSAP is a robust JavaScript tool set that turns developers into animation superheroes. It can animate anything JavaScript can touch, in any framework, with blazing speed and cross-browser compatibility. It also offers a variety of plugins for specific animation challenges, such as scroll-based animation, draggable interactions, morphing, and more. You can watch the screen-casts or visit the npm page to learn more about GSAP.
Running Locally
To run this website locally, you need to have Git, Node.js v16.13+, and npm installed on your machine.
- Clone this repository using the following command:
git clone https://github.com/Justinjdaniel/Justinjdaniel.com.git
cd justinjdaniel.com
pnpm install
pnpm dev- Open http://localhost:3000 in your web browser to view the website.
License
This project is licensed under the MIT License - see the LICENSE file for details.