Skip to content

ChhatreshKhatri/portfolio-nextjs

Repository files navigation

This portfolio website, meticulously crafted using Next.js, Tailwind CSS, and TypeScript, embodies a fusion of modern design and robust functionality. Its architecture comprises a Home Page, an About Page, and a Projects Page, each tailored to deliver a distinctive user experience.

Consistency is ensured across the site with a well-structured navigation menu, subtle animations, and optional dark mode. The website's SEO optimization, performance enhancements, and analytics integration make it a potent tool for showcasing the skills.


Built With

This project was built using

  • Next.js
  • TailwindCSS
  • TypeScript
  • Next-themes
  • Typewriter-Effects
  • React-icons
  • VS Code

Features

📖 Multi-Page Layout

🎨 Styled with TailwindCSS easy to customize theme

📱 Fully Responsive


Getting Started

Clone down this repository. You will need node.js and git installed globally on your machine.


🛠 Installation and Setup Instructions

  1. Installation: npm install

  2. In the project directory, you can run: npm run dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.


First, run the development server: You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load poppins, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

Deploy on Cloudflare pages

Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites.

Check out Next.js deployment documentation for more details.

🖼️ Screenshots


🧷 Share My Portfolio

Share my portfolio ( https://www.chhatreshkhatri.com/ ) with your friends in just a click