Community

About

This application is a portfolio website designed for an architectural designer and developer, Johannes Schmidt. It showcases a collection of projects that merge Bauhaus principles with modern design aesthetics. The app is built using React with TypeScript and utilizes Next.js for server-side rendering and routing. It incorporates various libraries, including Framer Motion for animations and Tailwind CSS for styling. Users can navigate through different sections of the portfolio, including Home, Projects, and Contact. The Home page features an introduction to the designer's philosophy and a grid layout displaying featured projects. Each project card includes an animated image and a brief description, with links to view more details. The Projects page lists all projects in a grid format, allowing users to click on individual projects to view detailed descriptions, images, and related projects. Each project detail page provides comprehensive information, including the project title, category, year, client, location, and a long description that elaborates on the design approach and features. Key features of the app include: - Animated text and sections that enhance user engagement. - A custom cursor that changes based on the user's interaction with different elements. - A theme toggle button that allows users to switch between light and dark modes. - A contact form that enables users to reach out for inquiries, with feedback on submission status. - Responsive design that adapts to various screen sizes, ensuring a seamless experience on both desktop and mobile devices. The app also includes a geometric background animation that adds visual interest without distracting from the content. Overall, this portfolio application effectively highlights the designer's work while providing an interactive and visually appealing user experience.