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

• Email: sharmapriyanka84510@gmail.com

License

This project is licensed under the MIT License.

Installation

1. Clone the repository:

git clone https://github.com/yourusername/portfolio.git
cd portfolio

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

Contact

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