Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

lassiecoder/portfolio

Open more actions menu

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 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

Packages

Used by

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.