https://github.com/lassiecoder/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!
https://github.com/lassiecoder/portfolio
eslint framer-motion gh-pages nextjs14 react-ga4 sonner tailwindcss tsparticles
Last synced: 3 months ago
JSON representation
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!
- Host: GitHub
- URL: https://github.com/lassiecoder/portfolio
- Owner: lassiecoder
- Created: 2019-12-28T15:47:42.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2025-08-20T20:33:16.000Z (5 months ago)
- Last Synced: 2025-08-20T22:28:09.368Z (5 months ago)
- Topics: eslint, framer-motion, gh-pages, nextjs14, react-ga4, sonner, tailwindcss, tsparticles
- Language: TypeScript
- Homepage: https://lassiecoder.com
- Size: 30.8 MB
- Stars: 15
- Watchers: 1
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/yourusername/portfolio.git
cd portfolio
```
2. Install the dependencies:
```bash
npm install
```
## Usage
### Development
To start the development server:
```bash
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:
```bash
npm run build
```
3. Stage the Changes
```bash
git add .
```
4. Commit the changes
```bash
git commit -m "COMMIT_MESSAGE"
```
5. Push the changes to your GitHub repository
```bash
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.