DF
Daniel Fleuren

Default Component - Copy this React, Tailwind Component to your project

Here are prompts to guide the creation of Evntasy's front-end UI, broken down by page and functionality. Remember to specify missing parts and highlight code sections as needed during the process. Use technical keywords like "render," "map," "align," and "justify" where relevant. General Prompts (Use these across multiple pages as needed): * Create a reusable component for displaying user profiles (image, name, short bio). * Design a notification system UI (alerts, messages, friend requests). * Develop a search bar component with autocomplete suggestions. * Implement a responsive navigation bar (desktop and mobile). * Design a modal component for pop-up forms and information. * Create a visually appealing loading spinner/progress indicator. * Implement a user feedback form. * Design a consistent color palette and typography for the platform. * Create a reusable component for displaying event cards (image, title, date, location). * Implement infinite scrolling for lists of events, users, etc. Homepage: * Design the homepage layout: featured events, friend activity, personalized recommendations. * Render a carousel of upcoming popular events. * Implement a section for quick event creation. * Display user's upcoming events in a calendar or list view. Event Creation/Management: * Design the event creation form: basic details, date/time, location, description, images. * Create a UI for managing event guest lists (RSVP tracking, invitations). * Implement a seating chart designer (drag-and-drop interface). * Design the UI for managing event budgets and expenses. * Develop a UI for creating and managing event menus (dietary options, recipes). User Profile: * Design the user profile page: profile picture, bio, events attended/planned, friends list. * Implement a UI for editing user profile information. * Create a section for displaying user reviews and ratings. Business Pages (For Businesses): * Design the business profile page: services offered, pricing, portfolio, contact information. * Implement a UI for businesses to manage their bookings and inquiries. * Create a dashboard for businesses to track analytics (views, leads, conversions). Marketplace: * Design the marketplace page: browse/search items, categories, filtering options. * Create a UI for listing items for sale. Messaging: * Design the messaging interface: chat list, message display, input field. Search: * Design the search results page: display events, users, businesses based on search criteria. AI Features UI Integration: * Design the UI for interacting with the AI chatbot. * Implement the UI for displaying AI-generated content (invitations, marketing materials). Settings: * Design the user settings page: account settings, privacy controls, notification preferences. Mobile Responsiveness: * Ensure all pages are fully responsive across different mobile screen sizes. Accessibility: * Implement accessibility features (screen reader compatibility, keyboard navigation).

Prompt

About

DefaultComponent - Easily add pages with customizable layouts, responsive design, and seamless navigation, built with React and Tailwind. Start coding now!

Share

Last updated 1 month ago