A fully responsive and visually stunning portfolio built with modern front-end technologies. This project showcases smooth animations, interactive elements, and an intuitive user experience.
✅ Fully Responsive – Works seamlessly across all devices
✅ Modern Tech Stack – Next.js, React, TailwindCSS, and Framer Motion
✅ Smooth Animations – Engaging UI elements with Framer Motion
✅ SEO Optimized – Structured for better search engine visibility
✅ High Performance – Fast loading and smooth interactions
- 🔝 Header – Smooth scrolling navigation
- 🎭 Hero Section – Animated introduction with orbital elements
- 🖼️ Featured Projects – Showcase of portfolio work
- 📜 Tape Section – Continuous animated design element
- 👤 About Section – Personal and professional details
- 📩 Call to Action – Contact form and links
- ⚓ Footer – Additional navigation and social links
| Technology | Purpose |
|---|---|
| Next.js | Server-side rendering and performance |
| React | Component-based UI development |
| TailwindCSS | Utility-first CSS framework for styling |
| Framer Motion | Advanced animations & micro-interactions |
| Vercel | Deployment Tool |
Ensure you have the following installed:
- Node.js (14.x or higher)
- npm or yarn
1️⃣ Clone the repository
git clone https://github.com/WilliamRossCrane/portfolio-website.git
cd portfolio-website
2️⃣ **Install dependencies**
npm install
# or
yarn install
3️⃣ **Run the development server**
npm run dev
# or
yarn dev
Now you can open http://localhost:3000 in your browser to view the site.This project has been deployed on Vercel:
🔗 View Live
To build for production, run:
npm run build
- 🎨 Design Inspiration – Personalfolio Template (Figma)
- 📺 Tutorials & Guidance – Frontend Tribe (Youtube)
- This project is licensed under the MIT License. See the LICENSE file for details.
- If you found this project useful, consider starring ⭐ the repo!
- 📧 Have questions or feedback? Feel free to reach out.