https://github.com/iamsrikanthnani/srikanthnani.com
Full-stack developer Portfolio built with Next.js, TypeScript, framer-motion, and locomotive-scroll
https://github.com/iamsrikanthnani/srikanthnani.com
developer framer-motion fullstack-developer locomotive-scroll nextjs portfolio portfolio-website responsive tailwindcss typescript vercel vercel-deployment
Last synced: about 1 month ago
JSON representation
Full-stack developer Portfolio built with Next.js, TypeScript, framer-motion, and locomotive-scroll
- Host: GitHub
- URL: https://github.com/iamsrikanthnani/srikanthnani.com
- Owner: iamsrikanthnani
- License: mit
- Created: 2024-02-23T10:27:27.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-08-27T04:03:13.000Z (about 2 months ago)
- Last Synced: 2025-08-27T12:31:03.764Z (about 2 months ago)
- Topics: developer, framer-motion, fullstack-developer, locomotive-scroll, nextjs, portfolio, portfolio-website, responsive, tailwindcss, typescript, vercel, vercel-deployment
- Language: TypeScript
- Homepage: https://www.srikanthnani.com/
- Size: 7.77 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Product Engineer Portfolio
[](https://srikanthnani.com)
### [check-demo-here](https://srikanthnani.com)
This is a product engineer portfolio application built with Next.js, TypeScript, framer-motion, and locomotive-scroll.
## About
This project serves as a portfolio website for showcasing the skills, projects, and experiences of a product engineer. It is designed to provide a visually appealing and interactive experience for visitors.
## Features
- **Next.js:** Utilizes the Next.js framework for server-side rendering, routing, and optimizing the React application.
- **TypeScript:** Written in TypeScript for enhanced code readability, maintainability, and type safety.
- **Framer Motion:** Implements Framer Motion for creating fluid animations and transitions, enhancing the overall user experience.
- **Locomotive Scroll:** Incorporates Locomotive Scroll for smooth scrolling effects, adding a touch of elegance to the website.
## Usage
To run this application locally, follow these steps:
1. Clone the repository: `git clone https://github.com/iamsrikanthnani/srikanthnani.com.git`
2. Navigate to the project directory: `cd srikanthnani.com`
3. Install dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Open your browser and visit `http://localhost:3000`
## Deployment
This application can be easily deployed to platforms like Vercel, Netlify, or AWS Amplify for seamless hosting and continuous deployment.
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository
2. Create a new branch: `git checkout -b feature-new-[feature-name]`
3. Make your changes and commit them: `git commit -am 'Add new feature'`
4. Push to the branch: `git push origin feature-new-[feature-name]`
5. Submit a pull request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
For any inquiries or suggestions, feel free to reach out to me at [srikanthnani.com](https://srikanthnani.com)
## Happy Coding! 🚀