Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web portfolio aimed at showcasing the work of a graphic designer, photographer, and videographer. The portfolio will provide a professional online presence that highlights skills, projects, and personal value through engaging and modern design elements.

## CORE FEATURES
1. **About Me**: A section introducing the creator with animated text typing effects to engage visitors and provide a personal touch.
2. **My Projects**: A visual gallery displaying recent work with high-quality images and videos, each linked to detailed project descriptions.
3. **My Editing**: An area highlighting editing techniques and processes through visual examples and descriptions.
4. **My Skills**: A skills showcase featuring icons or bars that visually represent proficiency levels in various design and editing software.
5. **My Software**: A dedicated section listing the tools and software used, including logos and brief descriptions to provide context.
6. **Scroll Animation**: Smooth scrolling effects that enhance user interaction and engagement throughout the site.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design emphasizing white space. The layout will prioritize content visibility while maintaining a modern aesthetic.
- **Color Mode**: A light theme complemented by dark text on light backgrounds to ensure readability and a fresh look.
- **Layout**: The main layout will be a single-page scrolling design, where each section is clearly defined with ample spacing. The navigation will be fixed at the top for easy access.
- **Typography**: Use Google Fonts such as "Roboto" for body text (16px) and "Montserrat" for headings (24px) to ensure clarity and a contemporary feel. Headings will have a bold weight, while body text will be regular.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong type-checking and component-based architecture.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Not needed for this version, but consider using Context API for future enhancements.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project.
3. **Create Components**: Build separate components for each core feature (About Me, My Projects, etc.), ensuring each follows the minimalist design.
4. **Implement Scroll Animation**: Use CSS for smooth scroll effects and consider libraries like Framer Motion for more advanced animations.
5. **Add Content**: Populate each section with sample content, images, and links to ensure functionality.
6. **Test Responsiveness**: Use Tailwind's responsive utilities to adjust layouts for mobile and desktop views.

## USER EXPERIENCE
Visitors will be greeted with a clean and engaging homepage that invites scrolling. The smooth transitions between sections enhance user experience, while the animated text in the About Me section captures attention. Each project will be accessible with a click, leading to detailed views that maintain the site’s overall aesthetic. The structure allows easy navigation, ensuring that users can quickly find the information they seek across both desktop and mobile devices.