A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS.
- Modern and responsive design
- Dark/Light mode support
- Server-side rendering with Next.js
- Type-safe development with TypeScript
- Styled with Tailwind CSS
- Component-based architecture
- Custom hooks for reusable logic
- Context-based state management
- Next.js - React framework for production
- TypeScript - Type-safe JavaScript
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Re-usable components
- PostCSS - CSS transformation tool
- Clone the repository:
git clone https://github.com/CarterT27/portfolio.git
cd portfolio- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
portfolio/
├── app/ # Next.js app directory
├── components/ # Reusable UI components
├── context/ # React Context providers
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and configurations
├── public/ # Static assets
├── styles/ # Global styles and Tailwind config
└── types/ # TypeScript type definitions
The project uses several configuration files:
next.config.mjs- Next.js configurationtailwind.config.ts- Tailwind CSS configurationtsconfig.json- TypeScript configurationpostcss.config.mjs- PostCSS configurationcomponents.json- shadcn/ui components configuration
npm run dev- Start development servernpm run build- Build for productionnpm start- Start production servernpm run lint- Run ESLintnpm run format- Format code with Prettier
Contributions are welcome! Please feel free to submit a Pull Request.