Skip to content

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!

Notifications You must be signed in to change notification settings

lassiecoder/portfolio

Repository files navigation

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.

About

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!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published