Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to build an EdTech website designed to provide comprehensive placement-related guides including roadmaps, DSA practice problems, and system design guides. The site will serve as a valuable resource for students looking to enhance their skills and prepare for job placements in the tech industry.

## CORE FEATURES
1. **Resource Library**: A centralized collection of guides, articles, and videos on topics like data structures and algorithms (DSA), system design, and career roadmaps.
2. **Practice Problems**: An interactive section for users to solve DSA practice problems with hints and solutions.
3. **Community Forum**: A space for users to discuss topics, share experiences, and ask questions related to placements and technical interviews.
4. **User Profiles**: Allow users to create profiles to track their progress, manage bookmarks, and participate in community discussions.
5. **Newsletter Signup**: An option for users to subscribe to a newsletter for the latest updates and resources related to job placements in tech.
6. **Search Functionality**: A powerful search feature to help users quickly find relevant guides and resources.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A single-page layout with a prominent hero section, followed by features, testimonials, and a call-to-action (CTA) for users to get started.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: (Specify if needed, e.g., React Context API or Redux)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Build the main layout structure including Header, Hero Section, Features Section, and Footer.
4. **Develop Core Features**: Implement the resource library, practice problems, community forum, user profiles, and newsletter signup.
5. **Responsive Design**: Ensure the website is fully responsive and works well on various devices and screen sizes.
6. **Testing**: Conduct thorough testing to ensure all features are working correctly and the user experience is smooth.
7. **Deployment**: Deploy the application using a suitable hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a clean and intuitive interface that allows easy navigation through resources. The hero section will engage users immediately with a clear value proposition. The resource library will be easily accessible, and users will have straightforward options to log in, create profiles, and engage with community forums. The design will emphasize usability, ensuring users can quickly find the information they need without unnecessary distractions.