The latest articles on DEV Community by vibha parashar (@vibha_parashar). https://dev.to/vibha_parashar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2999116%2F33f2ae3c-1d70-49ee-ac23-a6011a5091a3.png https://dev.to/vibha_parashar en vibha parashar Fri, 09 May 2025 17:59:22 +0000 https://dev.to/vibha_parashar/who-is-mirage-crack-the-terminal-quack-the-code-4116 https://dev.to/vibha_parashar/who-is-mirage-crack-the-terminal-quack-the-code-4116 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F582kq81c9uudc9d0vwhb.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F582kq81c9uudc9d0vwhb.png" alt="Image description" width="800" height="383"></a><em>This is a submission for the <a href="https://dev.to/challenges/aws-amazon-q-v2025-04-30">Amazon Q Developer "Quack The Code" Challenge</a>: That's Entertainment!</em></p> <p>"You are a hacker investigating the infamous cybercriminal Mirage, while the FBI is also monitoring closely—just waiting for Mirage to make one mistake so they can catch him"</p> <h2> What I Built </h2> <p>A 90s-style terminal game where you explore, uncover hidden files, and slowly become the villain.</p> <h2> Demo </h2> <p>You just need to know some basic Linux commands. A little experience helps, but you can use help to see all available commands, and there are hints provided along the way.</p> <p><a href="https://quack-the-code.vercel.app/" rel="noopener noreferrer">Mirage OS</a> &lt;- play here </p> <h2> Code Repository </h2> <p><a href="https://github.com/crystalvibe/Quack-The-Code" rel="noopener noreferrer">game github url</a></p> <h2> How I Used Amazon Q Developer </h2> <p>I’ve mentioned in my GitHub the prompt I used to set up the base for the game. While it’s not exactly the same, it’s pretty much accurate. Thank you, Amazon Q! </p> <p><a href="https://github.com/crystalvibe/Quack-The-Code/blob/master/PROMPT.md" rel="noopener noreferrer">prompt</a></p> <h2> Inspiration </h2> <p>I really love Welcome to the Game 2 and its mechanics by Reflect Studios. I wanted to bring the dark web vibe into my game using Linux commands, but due to time constraints, I couldn’t fully execute it. Still, I took inspiration from how the user is drawn into the dark web, adapting it with terminal-based gameplay.</p> devchallenge awschallenge ai webdev vibha parashar Sun, 06 Apr 2025 10:01:16 +0000 https://dev.to/vibha_parashar/my-wecoded-landing-page-4cd7 https://dev.to/vibha_parashar/my-wecoded-landing-page-4cd7 <p><em>This is a submission for the <a href="https://dev.to/challenges/wecoded">WeCoded Challenge</a>: Celebrate in Code</em></p> <h2> My WeCoded Landing Page </h2> <p>I made the website look fun and different, not just another boring static page. The design is more interactive and creative to keep things fresh and interesting.</p> <p>Each section shows different aspects of diversity using clean, minimal design.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frdswzzhazzx1lghdgorf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frdswzzhazzx1lghdgorf.png" alt="stories section" width="800" height="386"></a></p> <h2> Demo </h2> <p>Live Demo: <a href="https://we-coded2025.vercel.app/" rel="noopener noreferrer">https://we-coded2025.vercel.app/</a><br> Github: <a href="https://github.com/crystalvibe/WeCoded2025-" rel="noopener noreferrer">https://github.com/crystalvibe/WeCoded2025-</a> </p> <h2> How I Built It </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> 1. React + Vite 2. TypeScript 3. Tailwind CSS 4. Shadcn/ui 5. Framer Motion 6. AOS (Animate On Scroll) </code></pre> </div> devchallenge wecoded dei webdev