https://github.com/samyakraka/portfoliowebsite
This repository contains my personal portfolio website, built with Next.js and styled using Tailwind CSS. It showcases my skills, projects, and experience with a clean, responsive design, hosted on Vercel for fast performance.
https://github.com/samyakraka/portfoliowebsite
nextjs tailwindcss typescript vercel
Last synced: 2 months ago
JSON representation
This repository contains my personal portfolio website, built with Next.js and styled using Tailwind CSS. It showcases my skills, projects, and experience with a clean, responsive design, hosted on Vercel for fast performance.
- Host: GitHub
- URL: https://github.com/samyakraka/portfoliowebsite
- Owner: samyakraka
- License: mit
- Created: 2024-12-20T17:22:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-22T10:41:48.000Z (12 months ago)
- Last Synced: 2025-09-11T01:45:51.069Z (10 months ago)
- Topics: nextjs, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://samyakraka.vercel.app/
- Size: 431 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio Website 🌐
Welcome to the source code of my personal portfolio website, crafted with **Next.js** and **Tailwind CSS**. This site is a reflection of my skills, projects, and professional journey, all wrapped in a modern and responsive design.
## Features ✨
- **Sleek Design**: A clean, user-friendly, and fully responsive layout.
- **Powered by Next.js**: Ensures scalability, fast performance, and SEO optimization.
- **Tailwind CSS Styling**: A utility-first CSS framework for effortless and rapid UI design.
- **Project Highlights**: Displays a showcase of my key projects with descriptions and links.
- **Interactive Contact Form**: Lets visitors easily reach out to me.
- **Deployed on Vercel**: Fast, reliable hosting with optimized performance.
## Live Demo 🚀
Explore the live website here: [samyakraka.vercel.app](https://samyakraka.vercel.app/)
## Tech Stack 🛠️
- **Frontend Framework**: Next.js
- **Styling**: Tailwind CSS
- **Deployment**: Vercel
## Getting Started
### Prerequisites
To run the project locally, ensure you have Node.js and npm (or yarn/pnpm/bun) installed.
### Steps to Run Locally
1. Clone the repository:
```bash
git clone https://github.com/samyakraka/portfoliowebsite
```
2. Navigate to the project directory:
```bash
cd portfoliowebsite
```
3. Install the dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
4. Start the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
5. Open your browser at [http://localhost:3000](http://localhost:3000) to view the website.
### File Structure
- Modify `app/page.tsx` to edit the main page.
- Automatic updates: The page refreshes live as you make changes.
## Fonts & Optimization
This project utilizes [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to seamlessly integrate and optimize custom fonts like [Geist](https://vercel.com/font).
## Learn More
- **[Next.js Documentation](https://nextjs.org/docs)**: Dive deep into Next.js features and APIs.
- **[Interactive Tutorial](https://nextjs.org/learn)**: A beginner-friendly guide to mastering Next.js.
- **[Next.js GitHub Repository](https://github.com/vercel/next.js)**: Join the community and contribute to Next.js development.
## Deploying on Vercel
Deploy your Next.js app with a single click using [Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme).
## Feedback & Contributions
Your feedback is invaluable! Feel free to open issues or submit pull requests to improve this repository.
## License
This project is licensed under the MIT License.