Skip to content

Commit

Permalink
my portfolio pro update
Browse files Browse the repository at this point in the history
  • Loading branch information
@like-a-hacker
like-a-hacker committed Aug 12, 2024
1 parent 8883b7d commit a30112b
Show file tree
Hide file tree
Showing 7 changed files with 138 additions and 18 deletions.
100 changes: 100 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
"preview": "vite preview"
},
"dependencies": {
"axios": "^1.7.3",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.26.0"
Expand Down
1 change: 0 additions & 1 deletion public/vite.svg
View file

This file was deleted.

Binary file added src/assets/project/port.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 5 additions & 7 deletions src/compontents/About.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import Png from '../assets/my-photo.jpg'

const About = () => {

return (
<>
<div className="lg:mx-5 flex justify-center flex-wrap md:pt-24 pt-14" id="about">
Expand All @@ -16,13 +17,10 @@ const About = () => {
</div>
<div className="lg:col-span-2 md:col-span-1 my-4 mx-2">
<div className='mb-5 lg:text-xl md:text-lg font-sourcecd'>
Hi, I’m Gowtham Ramesh and I
interested in programming. Now,
am currently studying Degree
(B,E. Computer Science of
Engineering) at University College
of engineering Arni. Am a fast
learner in the technical terms.
Hello, I’m Gowtham Ramesh, and I have a strong passion for programming.
I am currently pursuing a Bachelor of Engineering in Computer Science and
Engineering at University College of Engineering, Arni. I am a quick learner,
especially when it comes to technical concepts.
</div>
<h1 className='lg:text-3xl text-xl md:text-2xl flex gap-1 text-green-500 mb-2'>
Education
Expand Down
10 changes: 5 additions & 5 deletions src/compontents/Exp.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,10 @@ const Exp = () => {
<div className="col-span-2">
<h1 className='lg:text-3xl md:text-2xl text-xl mb-3'>NITPY Karaikal.</h1>
<h1 className="lg:text-2xl md:text-xl text-lg mb-1">Web Development</h1>
Interning at NITPY sharpens my web development skills and advances my career.
🚀🌐 Practical experience enriches myo knowledge and promotes professional growth.
🌟💼 And I also crescent a personal website for assistant Professor who work in NITPY.
Interning at NITPY has significantly sharpened my web development skills and
advanced my career. The practical experience has enriched my knowledge and
contributed to my professional growth. Additionally, I developed a personal
website for an Assistant Professor at NITPY.
</div>
</div>
</div>
Expand All @@ -45,8 +46,7 @@ const Exp = () => {
<div className="col-span-2">
<h1 className='lg:text-3xl md:text-2xl text-xl mb-3'>NSIC Technical Services Centre Chennai.</h1>
<h1 className="lg:text-2xl md:text-xl text-lg mb-1">App Development</h1>
Completing an internship at NSIC enhances my app development skills and boosts my career prospects.
🚀📱 Gaining hands-on experience strengthens my knowledge and professional growth. 🌟💼
Completing an internship at NSIC has enhanced my app development skills and boosted my career prospects. The hands-on experience has strengthened my knowledge and contributed to my professional growth.
</div>
</div>
</div>
Expand Down
32 changes: 27 additions & 5 deletions src/compontents/Projects.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import Prj1 from '../assets/project/oneproj.png'
import Prj2 from '../assets/project/nit.png'
import Prj3 from '../assets/project/port.png'


const Projects = () => {
Expand All @@ -25,8 +26,7 @@ const Projects = () => {
</div>
<div>
<h1 className='lg:text-2xl md:text-xl text-lg mb-5'>Real-Time File Sharing Website.</h1>
Here we can easily share the all type of data by using a single room,
it was build over the websockets using socket.io api.
This platform enables efficient data sharing within a single room, leveraging WebSockets through the Socket.io API for seamless communication.
<div className='mt-5 flex gap-3 flex-wrap'>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-html5-plain-wordmark colored"></i>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-css3-plain-wordmark colored"></i>
Expand All @@ -50,9 +50,7 @@ const Projects = () => {
</div>
<div>
<h1 className='lg:text-2xl md:text-xl text-lg mb-5'>Dynamic portfolio Website.</h1>
This project is collaborated project, I recently attend the internship with my friends
on NITPY karaikal. They given certain task like create admin panel and it will connect with client side
a user or owner of the website change the client side using the admin panel.
This project was a collaborative effort during my recent internship at NITPY Karaikal with my colleagues. We were tasked with creating an admin panel that connects with the client side, allowing the website owner to manage and update content through the panel effectively.
<div className='mt-5 flex gap-3 flex-wrap'>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-html5-plain-wordmark colored"></i>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-css3-plain-wordmark colored"></i>
Expand All @@ -65,6 +63,30 @@ const Projects = () => {
</div>
</div>
</div>
<div className="border-2 border-green-500 rounded-lg ">
<div className="p-3">
<div className='mb-3 flex align-middle justify-between'>
<h1 className='text-green-500 lg:text-3xl md:text-2xl text-xl'>My Portfolio Website.</h1>

</div>
<div className="grid lg:grid-cols-2 grid-cols-1 gap-3 mx-4 font-sourcecd">
<div>
<a href="#"><img className='rounded opacity-70 hover:opacity-100' src={Prj3} alt="filesharingweb" /></a>
</div>
<div>
<h1 className='lg:text-2xl md:text-xl text-lg mb-5'>My Portfolio Website.</h1>
I developed a personal portfolio website using React.js and Tailwind CSS, featuring sections like Home, Experience, Education, Contact, and Projects. Tailwind CSS provided a responsive design, and React.js enabled a dynamic interface.
<div className='mt-5 flex gap-3 flex-wrap'>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-html5-plain-wordmark colored"></i>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-css3-plain-wordmark colored"></i>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-react-original-wordmark colored"></i>
<i className="lg:text-6xl md:text-4xl text-3xl devicon-tailwindcss-plain-wordmark colored"></i>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit a30112b

Please sign in to comment.