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

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

Deployment

  1. Open your terminal in the project directory.

  2. Run the following command to build the project:

    npm run build
  3. Stage the Changes

    git add .
  4. Commit the changes

    git commit -m "COMMIT_MESSAGE"
  5. Push the changes to your GitHub repository

    git push origin master

NOTE: Monitor GitHub Actions

  1. Navigate to the Actions tab of your GitHub repository.
  2. Check for any running or completed workflows.
  3. Ensure the deployment workflow runs successfully.

Contributing

Feel free to submit issues or pull requests.

Preview

portfolio-preview

Contact

For any inquiries, please contact me at [email protected].

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

Languages