/portfolio

Built my portfolio with Next.js, styled with Tailwind CSS, and added smooth animations using Framer Motion. Check it out for a seamless and visually engaging experience!

Primary LanguageTypeScript

Portfolio

Hi there, I'm lassiecoder! 👋 This is my personal portfolio template built using Next.js and Tailwind CSS with smooth animations powered by Framer Motion.

Author

Priyanka Sharma

License

This project is licensed under the MIT License.

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/portfolio.git
cd portfolio
  1. Install the dependencies:
npm install

Usage

Development

To start the development server:

npm run dev

Production

To build the project for production:

npm run build

To start the production server:

npm run start

Deployment

To deploy the project:

npm run deploy

Scripts

  • dev: Starts the development server.
  • build: Builds the project for production.
  • start: Starts the production server.
  • lint: Runs ESLint.
  • predeploy: Prepares the project for deployment.
  • deploy: Builds and deploys the project.

Dependencies

  • @tabler/icons-react: ^3.1.0
  • @tsparticles/engine: ^3.3.0
  • @tsparticles/react: ^3.0.0
  • @tsparticles/slim: ^3.3.0
  • clsx: ^2.1.0
  • framer-motion: ^11.0.25
  • gh-pages: ^6.1.1
  • next: ^14.1.4
  • react: ^18
  • react-dom: ^18
  • react-element-to-jsx-string: ^15.0.0
  • react-ga4: ^2.1.0
  • react-icons: ^5.0.1
  • sonner: ^1.4.41
  • tailwind-merge: ^2.2.2
  • typewriter-effect: ^2.21.0

Dev Dependencies

  • @types/node: ^20
  • @types/react: ^18
  • @types/react-dom: ^18
  • autoprefixer: ^10.0.1
  • eslint: ^8
  • eslint-config-next: 14.1.4
  • postcss: ^8
  • tailwindcss: ^3.3.0
  • typescript: ^5

Contributing

Feel free to submit issues or pull requests.

Preview

portfolio-preview

Contact

For any inquiries, please contact me at lassiecoder@gmail.com.