This is a portfolio website built with Next.js and styled with Tailwind CSS. It showcases my projects, experience, and skills.
To run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 in your browser to see the website.
Project Structure
The main files and folders are:
app/: Contains the main application files
globals.css: Global CSS styles
layout.tsx: Main layout component
page.tsx: Homepage component
components/: Reusable components used throughout the site
About.tsx: About section component
Contact.tsx: Contact section component
Experience.tsx: Experience section component
Footer.tsx: Footer component
Hero.tsx: Hero section component
Navbar.tsx: Navigation bar component
Projects.tsx: Projects section component
ThemeToggle.tsx: Theme toggle component
Styling
This project uses Tailwind CSS for styling. Tailwind is a utility-first CSS framework that allows for rapid UI development. The configuration file can be found at tailwind.config.js.
Deployment
This project can be easily deployed using Vercel, the platform from the creators of Next.js.
To deploy, you can either link your GitHub repository to Vercel and configure automatic deployments, or manually deploy using the Vercel CLI:
bashCopy codenpm i -g vercel
vercel
See the Next.js deployment documentation for more details.
Learn More
To learn more about the technologies used in this project, check out the following resources:
Next.js Documentation
Tailwind CSS Documentation
Feel free to explore the code and make it your own! If you have any questions or feedback, please don't hesitate to reach out.