This is a portfolio project built using Next.js, React, and Tailwind CSS. It showcases various projects and components with interactive UI elements.
To get started with this project, follow the instructions below.
Ensure you have the following installed on your machine:
- Node.js (v14 or later)
- npm (v6 or later) or yarn (v1.22 or later)
Clone the repository:
git clone https://github.com/your-username/portfolio.git
cd portfolioInstall the dependencies:
npm install
# or
yarn installTo start the development server, run:
npm run dev
# or
yarn devOpen http://localhost:3000 in your browser to see the result.
To build the project for production, run:
npm run build
# or
yarn buildAfter building the project, you can start the production server with:
npm start
# or
yarn startThe project structure is as follows:
.
├── .gitignore
├── .next/
├── app/
│ ├── AcertinityComponents/
│ ├── Banner.jsx
│ ├── Footer.jsx
│ ├── globals.css
│ ├── layout.jsx
│ ├── MyTools.jsx
│ ├── page.jsx
│ ├── Projects/
├── components/
│ ├── ui/
├── lib/
│ ├── utils.js
├── public/
│ ├── assets/
├── README.md
├── jsconfig.json
├── next.config.mjs
├── package.json
├── postcss.config.mjs
├── tailwind.config.mjs
- Banner: Displays the main banner with background effects.
- Footer: Contains social media links and contact information.
- MyTools: Showcases the tools and technologies used.
- Projects: Contains individual project components with detailed information.
- Timeline: Displays a timeline of the developer's journey.
To learn more about Next.js, React, and Tailwind CSS, check out the following resources:
This project is licensed under the MIT License. See the LICENSE file for more information.
- Next.js
- React
- Tailwind CSS
- Framer Motion
For any inquiries, please contact Ketan Sharma at ketan10923@gmail.com.