Skip to content

Latest commit

 

History

History
136 lines (76 loc) · 5.87 KB

README.md

File metadata and controls

136 lines (76 loc) · 5.87 KB
Raw

Personal Portfolio

project-image

Welcome to my personal portfolio website repository! This project serves as the codebase for my online portfolio showcasing my skills projects and experiences. Feel free to explore the code and provide feedback to help me improve.

🚀 Demo

https://saravana.vercel.app/

🛠️ Installation Steps:

1. Clone the repository

git clone https://github.com/Saravanakumar2003/Portfolio.git

2. Navigate to the project directory

cd Portfolio

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Visit http://localhost:3000 to see the portfolio in action.

http://localhost:3000

💻 Built with

Technologies

  1. Next.js: A React framework that enables server-side rendering and efficient web development.

  2. React.js: A JavaScript library for building user interfaces, providing a modular and reusable component-based structure.

  3. TypeScript: A typed superset of JavaScript, enhancing code maintainability and catching errors during development.

Integrations

  1. GitHub: Integration with GitHub allows dynamic fetching and display of GitHub-related data, such as followers, following, total stars and contributions.

  2. EmailJS: Integration with EmailJS facilitates sending emails directly from the portfolio website. API keys and setup instructions can be obtained from the EmailJS website.

  3. Hashnode Blog: Integration with Hashnode for blogging features, connecting the portfolio to a Hashnode blog. Configure the integration through Hashnode's documentation.

  4. Instagram Widget: Embedding an Instagram widget to display recent posts. Obtain the required code or API key from the Behold.so.

  5. Canva Iframe: Integrating Canva through an iframe allows showcasing designs and graphics. To embed Canva content, obtain the embed code from the Canva platform.

  6. Calendly Iframe: Embedding Calendly through an iframe enables users to schedule appointments. To include a Calendly scheduling widget, get the embed code from the Calendly website.

  7. Analytics: Analytics for this personal portfolio are managed using Vercel and Google Analytics to gather insights into visitor behaviour and engagement.

  8. Testimonials.to: Integration with Testimonials.to allows displaying testimonials from clients and users. Obtain the required code from the Testimonials.to the platform.

  9. Visme Feedback Form: A feedback form powered by Visme is included in the portfolio for collecting user feedback and suggestions.

  10. AI Chatbot: An AI chatbot is integrated into the portfolio to provide interactive communication and assistance.

  11. Waka Time: Integration with WakaTime embeded code allows displaying coding activity and statistics.

  12. Trello Intergration: Integration with Trello embeded code allows displaying Trello boards and tasks.

Deployment

This personal portfolio is deployed using Vercel, providing a seamless and scalable hosting solution. Below are details on how the deployment is managed.

Vercel Deployment

The project is deployed on Vercel, a cloud platform that offers a straightforward and efficient deployment process.

Automatic Deployment

The deployment is set up for automatic deployment on Vercel. Any changes pushed to the main branch trigger a new deployment, ensuring that the live version is always up-to-date.

Environment Variables

Ensure to set up the necessary environment variables on the Vercel platform for your portfolio. Key environment variables, such as API keys or configuration settings, can be securely stored and managed in the Vercel dashboard.

To set up environment variables in Vercel:

  1. Navigate to your Vercel project dashboard.
  2. Go to the "Settings" tab.
  3. Find the "Environment Variables" section.
  4. Add the required variables.

Continuous Monitoring

Vercel provides built-in analytics to monitor deployments and performance metrics. The Vercel dashboard can track deployment history and identify potential issues.

How to Contribute

If you'd like to contribute to the project, follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/new-feature
  3. Make your changes and commit them: git commit -m 'Add new feature'
  4. Push to the branch: git push origin feature/new-feature
  5. Submit a pull request.

Final Notes

Thank you for exploring my personal portfolio project! I hope you found it insightful and engaging. Feel free to provide feedback or suggestions to help enhance the portfolio further. Your support and input are greatly appreciated!

Acknowledgements

This portfolio project's initial design and code structure were inspired by the Evander Inacio Portfolio repository. Permission to use and modify the code was graciously granted by the author, Evander Inacio, via email correspondence. Proper credit has been attributed to the original creator in accordance with their consent.

Later all the several above modifications and enhancements were made to personalize the portfolio. The project continues to evolve with additional sections, integrations, and improvements.

Author

👤 Saravanakumar