Commit History

make the 12 boxes minimal and small and remove the box around the numbers beside the 12 seed phrase boxes - Follow Up Deployment
6886814
verified

Salahmuh commited on

remove the upper sections like security wallet assets notification and my profile remove all of it - Follow Up Deployment
e27f281
verified

Salahmuh commited on

Design and develop a secure, multi-page website for Coinbase account transfers with a luxurious and elegant aesthetic, adhering to the following detailed specifications: Page 1: Encrypted Code Entry Purpose: Authenticate the user before initiating the account transfer process. Features: Display a clean, minimal form prompting the user to enter a unique encrypted code sent to their email by Coinbase. Include a prominent "Transfer My Account" button that, when clicked, redirects the user to the Transfer Method Selection page. Add subtle validation to ensure the code field is not empty before enabling the button. Styling: Use a sleek, modern layout with a focus on simplicity and elegance. Page 2: Transfer Method Selection Purpose: Allow the user to choose their preferred transfer method. Features: Present two clearly labeled options: "Private Key" and "Recovery with Seed Phrase," styled as elegant buttons or cards. Upon selecting "Private Key," redirect the user to the Private Key Input page. Upon selecting "Recovery with Seed Phrase," redirect the user to the Seed Phrase Recovery page. Styling: Use a balanced layout with hover effects and subtle animations to enhance the luxurious feel. Page 3A: Private Key Input Page Purpose: Enable users to transfer their account using a private key with network selection and wallet naming. Features: Network Selection: Provide a dropdown or button group with the following options: Solana, Ethereum, Base, Sui, Polygon, and Bitcoin. Include a recognizable logo/icon next to each network name (e.g., Solana’s sun-like logo, Ethereum’s diamond, Bitcoin’s ₿ symbol) for visual clarity. Wallet Name Input: Add an input field labeled "Wallet Name" where users can assign a custom name to their wallet. Include placeholder text like "e.g., My Secure Wallet" for guidance. Private Key Input: Add a secure input field labeled "Private Key" with a "Paste" button positioned at the right corner. The "Paste" button should copy the private key from the user’s clipboard into the input field when clicked. Use a password-type input to mask the private key for security. Import Button: Include an "Import" button that remains blurred (disabled) until all fields (network, wallet name, and private key) are filled. Once all fields are complete, unblur the button and enable it. On clicking "Import," securely transfer the data (network, wallet name, and private key) to an SQL database in a readable, professional, and structured format (e.g., columns: network, wallet_name, private_key, timestamp). Styling: Arrange fields vertically with clear labels, elegant spacing, and a luxurious button design. Page 3B: Seed Phrase Recovery Page Purpose: Allow users to transfer their account using a 12-24 word recovery seed phrase with enhanced security and usability. Features: Seed Phrase Input: Display 12 individual input boxes by default, with an option to toggle to 24 boxes for longer seed phrases. Each box should: Accept only one word. Mask input (e.g., use type="password") so letters are not visible as they are typed. If the user pastes a full 12- or 24-word seed phrase into the first box, automatically distribute each word into the subsequent boxes (e.g., splitting by spaces). Complete Transfer Button: Include a "Complete Transfer" button that is blurred (disabled) by default. Unblur and enable the button only when all seed phrase boxes are filled. On clicking "Complete Transfer," securely store the seed phrase in an SQL database in a structured format (e.g., columns: seed_phrase, word_count, timestamp). Non-Intersection: Ensure the private key and seed phrase flows are entirely separate and do not overlap in functionality or navigation. Styling: Use a grid layout for the input boxes, with smooth transitions and a secure, professional appearance. Design and Styling Requirements Aesthetic: Create a luxurious and elegant look inspired by the Coinbase Web3 webpage. Remove all unnecessary upper sections (e.g., "security," "wallet," "Assets") to maintain a clean, focused interface. Fonts and Colors: Use fonts identical to those on the Coinbase cryptocurrency exchange (e.g., a sans-serif typeface like "Inter" or "Graphik"). Match the background, text, and accent colors to the attached image, ensuring consistency across all pages. Visual Elements: Incorporate subtle gradients, shadow effects, and hover animations to enhance the premium feel. Use high-quality icons for network logos and buttons. Technical Requirements Frontend: Build the website using HTML5 for structure and Tailwind CSS for responsive, elegant styling. Ensure cross-browser compatibility and mobile responsiveness. Backend: Use PHP to handle form submissions and data processing. Use SQL to store user-submitted data (private keys and seed phrases) securely in a database. Implement encryption for sensitive data (e.g., private keys and seed phrases) before storage. Security: Validate all user inputs to prevent injection attacks or malformed data. Use HTTPS and secure session management to protect data in transit. Additional Instructions Ensure the website is intuitive and user-friendly, with clear navigation between pages. Provide visual feedback (e.g., loading spinners, success messages) after form submissions. Test the paste functionality thoroughly for both private keys and seed phrases to ensure seamless usability. - Follow Up Deployment
d3c2798
verified

Salahmuh commited on

Okay add another webpage after the user click "Transfer My Account" that's asks the user if the wants to transfer his account by "private key" or "Recovery with Seed Phrase" if the user chooses "private key" then he will redirect to another page this page has to be like the other and asks the user to input "private key" the it should have 3 buttons the first one asks the user to choose the network he wants " 1.Solana 2.Ethereum 3.Base 4.Sui 5.Polygon 6.Bitcoin " with each network insert an icon that represent the network like a logo and the second section have to have Name section this input button asks the user a name that the wants to give this wallet the third input button function is to ask the user to input this private key and at the corner of the button add a "paste" button this button functionality is to paste from the clipboard of the user after the choose and gives a name and insert the private key then unblur the import button. when the user clicks the import button transfer al file to the sql databases like readable, professional and structured format. there is another thing i want to modify is make the "Recovery Seed Phrase" 1. they shouldn't intersect each other 2. until the user insert all of the seed phrases blur that "Complete Transfer" button after he insert all the buttons make the complete transfer unblur 3. delete all of the upper sections like "security", "wallet", "Assets", and all other things in the upper section of my website. - Initial Deployment
8ed45da
verified

Salahmuh commited on

initial commit
f874b97
verified

Salahmuh commited on