https://github.com/nitish2773/srinitish-portfolio
This portfolio is designed for professionals who want to create an impactful online presence. It is tailored for individuals like developers, designers, or freelancers seeking to showcase their credentials, projects, and skills effectively.
https://github.com/nitish2773/srinitish-portfolio
html-css-javascript
Last synced: 4 months ago
JSON representation
This portfolio is designed for professionals who want to create an impactful online presence. It is tailored for individuals like developers, designers, or freelancers seeking to showcase their credentials, projects, and skills effectively.
- Host: GitHub
- URL: https://github.com/nitish2773/srinitish-portfolio
- Owner: Nitish2773
- License: mit
- Created: 2024-07-30T05:47:31.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-05T05:51:37.000Z (4 months ago)
- Last Synced: 2025-02-05T06:32:02.562Z (4 months ago)
- Topics: html-css-javascript
- Language: CSS
- Homepage: https://srinitishportfolio.netlify.app/
- Size: 13.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Portfolio
This project is a personal portfolio website designed to showcase skills, projects, certifications, and experiences. The contact form functionality has been integrated with **EmailJS**, enabling direct email communication without the need for a server-side backend.
## Key Features
### Portfolio Highlights
1. **About Section**:
- Displays personal information and a brief professional summary.
- Includes social media links to GitHub, LinkedIn, Telegram, and Gmail.
2. **Education Section**:
- Showcases academic background with institution names, durations, and acquired skills.
3. **Experience Section**:
- Details internships and roles held with organizations, along with responsibilities and achievements.
4. **Skills Section**:
- Highlights technical skills grouped by categories like Web Development, Frameworks, Databases, and Tools.
5. **Projects Section**:
- Lists personal and collaborative projects with descriptions, timelines, and GitHub/demo links.
6. **Contact Section**:
- Includes a fully functional contact form powered by EmailJS for direct email communication.
### Contact Form with EmailJS
- **Frontend-only Solution**: No server-side setup is needed.
- **Dynamic Email Template**: Captures and sends `name`, `email`, `subject`, and `message` to the configured email address.
- **User Feedback**:
- Displays success and error messages based on submission status.
---
## How to Set Up the Project
### 1. Prerequisites
- Basic knowledge of HTML, CSS, and JavaScript.
- EmailJS account. (Sign up at [EmailJS](https://www.emailjs.com/))
### 2. Clone the Repository
```bash
git clone
cd
```
### 3. Configure EmailJS
1. **Create an Account**: Sign up and log in to [EmailJS](https://www.emailjs.com/).
2. **Add a Service**:
- Navigate to the **Services** tab and connect your email provider (e.g., Gmail, Outlook).
3. **Create an Email Template**:
- Design a template with placeholders for `name`, `email`, `subject`, and `message`.
4. **Retrieve User ID, Service ID, and Template ID**:
- Go to the **Integration** tab and copy the `User ID`.
- Note the `Service ID` and `Template ID` from your configured service and template.
### 4. Update the Code
1. Open `index.html` and locate the EmailJS integration script:
```javascript
emailjs.init("YOUR_USER_ID"); // Replace with your EmailJS User ID
const serviceID = "YOUR_SERVICE_ID"; // Replace with your Service ID
const templateID = "YOUR_TEMPLATE_ID"; // Replace with your Template ID
```
2. Replace `YOUR_USER_ID`, `YOUR_SERVICE_ID`, and `YOUR_TEMPLATE_ID` with your EmailJS credentials.
### 5. Run the Project
- Open the `index.html` file in your browser to view the portfolio.
---
## Technologies Used
- **HTML**: Structure of the website.
- **CSS**: Styling with responsiveness.
- **JavaScript**: Interactivity and EmailJS integration.
- **EmailJS**: Client-side email functionality.
---
## Project Description
This portfolio is designed for professionals who want to create an impactful online presence. It is tailored for individuals like developers, designers, or freelancers seeking to showcase their credentials, projects, and skills effectively.
The EmailJS integration ensures that visitors can easily get in touch without needing a complex backend setup, making the portfolio lightweight and efficient. With its responsive design, the website provides an optimal viewing experience across devices.
---
## Future Enhancements
1. **Dynamic Content Loading**:
- Integrate with a CMS for easier updates to projects, skills, and experiences.
2. **Blog Section**:
- Add a blog to share insights and articles.
3. **Dark/Light Mode Toggle**:
- Improve user experience with a theme toggle feature.
4. **Advanced Analytics**:
- Use tools like Google Analytics to track visitor interactions.
---
## License
This project is open-source and available under the MIT License. Feel free to use and customize it as needed.
---
## Contact
For any queries or suggestions, feel free to reach out via the contact form or through the following channels:
- **Email**: [[email protected]](mailto\:[email protected])
- **GitHub**: [Nitish2773](https://github.com/Nitish2773)
- **LinkedIn**: [Sri Nitish Kamisetti](https://www.linkedin.com/in/sri-nitish-kamisetti/)