Portfolio_site

Overview:

The Portfolio Webseite is a showcase website built using React, Tailwind CSS, and TypeScript. It displays the skills and projects of a full-stack developer and includes a contact form that interacts with a backend built on node.js and express. The website is SEO optimized, offers user settings stored in session storage, supports dark and light modes, allows for easy data modification through a single data.tsx file, and features smooth scrolling and animations when scrolling.

Features:

• SEO optimized: Ensures visibility and ranking on search engines.
• User settings in session storage: Stores user preferences.
• Dark and Light mode: Allows users to toggle between different color schemes.
• Easy data modification: Simplifies data management through a single file.
• Gziped and lazy loaded Data: Enhances performance with compressed and lazy loaded data.
• Mobile-first methodology: Developed to prioritize mobile compatibility before desktop.
• Smooth scrolling with animations: Provides a seamless user experience with scrolling effects.
• Uptime Service with colored animation: Displays uptime information with visual cues.

Installation:

1. Clone the Repo: git clone [repository_url]
2. Installation of dependencies: npm install
3. Start Server: npm start
4. Environment Variables: Add the following variables to your .env file:

   API_BASE_URL
   API_SERVICES
   STATUS_URL
   

Summary:

The Portfolio Webseite is a visually appealing and technically advanced website that serves as a showcase for a developer’s skills and projects. By leveraging a modern tech stack and innovative features like dark mode, smooth scrolling, and lazy loading, the website offers an engaging user experience. With easy data management, SEO optimization, and compatibility across devices, it demonstrates a high level of professionalism and expertise.