You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Here is the latest version of my portfolio, crafted using HTML, CSS, JavaScript, TypeScript, React, and Tailwind. This update highlights my proficiency with modern web technologies, featuring a sleek and responsive design. The integration of React and Tailwind enhances the user experience with seamless interactivity and aesthetics. Vercel has been used for Deploying this Project.
24
+
Welcome to Portfolio V2 — a showcase of my web development journey and modern frontend skills. Built with React, TypeScript, and Tailwind CSS, the site features advanced animations, multilingual support, and beautiful responsiveness for any device.
27
25
28
-
View my Website here - https://zemerik.vercel.app
26
+
See the live site: [https://zemerik.vercel.app](https://zemerik.vercel.app)
29
27
30
28
## FEATURES:
31
29
32
-
<tablealign = "center">
33
-
<tr>
34
-
<td>
35
-
🎩 Responsive Navbar with Icons and hover effects
36
-
<br>
37
-
<br>
38
-
🤯 Option to Switch between German and English Language
39
-
<br>
40
-
<br>
41
-
⚡ Tailwind Effects for Quotes and other text / animations
42
-
<br>
43
-
<br>
44
-
🏆 Dragable and Self - Updating Project Cards
45
-
<br>
46
-
<br>
47
-
📝 Code Snippets Outlining Achievements and Milestones
-**Beautiful, Modern UI:** Clean design with glassmorphism, elegant gradients, soft shadows, and seamless responsiveness for all devices.
31
+
-**Animated About Me Section:** Includes an interactive coding laptop illustration, highlighting your personality and interests with micro-animations and rewritten engaging content.
32
+
-**Multi-Language Support:** Instantly switch between German and English with a simple toggle.
33
+
-**Live Projects Carousel:** Drag-and-scroll project showcase cards, updating automatically to reflect your latest work.
34
+
-**Achievements as Code Snippets:** Your technical milestones and skill highlights are presented as styled and interactive code cards.
35
+
-**Framer Motion Animations:** Subtle section transitions, hover effects, and attention-grabbing highlights for a dynamic user experience.
36
+
-**Tailwind CSS Styling:** Fast, easy theming and customization supporting dark/light/modern color schemes.
37
+
-**Quotes Slider:** Inspirational and tech-related quotes slider powered by Swiper.js.
38
+
-**One-click Contact:** Direct email/messaging option for easy communication.
39
+
-**Mobile-First:** Optimized layouts and performance for mobile users and touch interactivity.
-Make a local copy of this Repository on your Machine through the following Git Command:
47
+
-**Clone this repository:**
62
48
63
49
```
64
50
git clone https://github.com/Zemerik/Portfolio-v2
65
51
```
66
52
67
-
- Navigate to the Project Directory by the command below:
53
+
-**Navigate to the project directory:**
68
54
69
55
```
70
56
cd Portfolio-v2
@@ -73,21 +59,23 @@ cd Portfolio-v2
73
59
> [!Important]
74
60
> You need to have [nodeJS](https://nodejs.org/en) installed
75
61
76
-
- Start the Development Server by the following commmand:
62
+
-**Start the development server:**
77
63
78
64
```nodejs
79
65
npm run dev
80
66
```
81
67
82
-
> [!Tip]
83
-
> All of your changes can be made in the `data.tsx` file located in `src/assets/lib/` directory, while the favicon can be altered in the `index.html` file.
68
+
> **Tip:**
69
+
> Most site content is managed from the `data.tsx` file in `src/assets/lib/`. Customize site icons in `index.html`.
70
+
84
71
85
72
> [!Caution]
86
73
> Distribution or Use of any Personal Information is not allowed in any form.
87
74
88
75
## CONTRIBUTING:
89
76
90
-
Contributions are always welcome and appreciated. Feel free to create an Issue or Pull - Request for any fixes, bug reports, feature request or more.
77
+
Contributions and feedback are welcome! Feel free to open issues or pull requests for features, improvements, or bug fixes.
0 commit comments