The latest articles on DEV Community by Dream.Chayutpong (@deathtinyz). https://dev.to/deathtinyz 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%2F820011%2F3e632f2e-4e25-4d38-8084-f2d590b3a0de.jpg https://dev.to/deathtinyz en Dream.Chayutpong Sun, 05 Feb 2023 15:59:43 +0000 https://dev.to/deathtinyz/i-created-a-website-for-sharing-and-copying-your-favorite-emojis-2836 https://dev.to/deathtinyz/i-created-a-website-for-sharing-and-copying-your-favorite-emojis-2836 <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%2F87c0q37tksm5xzt1rkle.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%2F87c0q37tksm5xzt1rkle.png" alt="Image description" width="800" height="420"></a></p> <h2> Ohmoji </h2> <p>Live: <a href="https://ohmoji.vercel.app/" rel="noopener noreferrer">Demo</a><br> Source: <a href="https://github.com/DEATHTINYZ/ohmoji" rel="noopener noreferrer">Github</a></p> <blockquote> <p>A fun and interactive emoji collection website for sharing and copying your favorite emojis.</p> </blockquote> <h2> Getting started </h2> <p>To run this project locally, you will need to have <a href="https://nodejs.org/en/" rel="noopener noreferrer">Node.js</a> and <a href="https://www.npmjs.com/" rel="noopener noreferrer">npm</a> (or <a href="https://yarnpkg.com/" rel="noopener noreferrer">Yarn</a>) installed on your machine.</p> <p>1.Clone the repository:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/DEATHTINYZ/ohmoji.git </code></pre> </div> <p>2.Navigate to the project directory:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="nb">cd </span>ohmoji </code></pre> </div> <p>3.Install the dependencies:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm <span class="nb">install</span> <span class="c"># or</span> yarn <span class="nb">install</span> </code></pre> </div> <p>4.Run the development server:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm run dev <span class="c"># or</span> yarn dev </code></pre> </div> <p>The app will be available at <a href="http://localhost:3000" rel="noopener noreferrer">http://localhost:3000</a>.</p> <h2> Features </h2> <ul> <li>Emoji search functionality</li> <li>View and copy emojis</li> <li>Light/Dark theme toggle</li> </ul> <h2> Tech stack </h2> <ul> <li> <a href="https://nextjs.org/" rel="noopener noreferrer">Next.js</a>: A framework for building server-rendered React apps</li> <li> <a href="https://www.typescriptlang.org/" rel="noopener noreferrer">TypeScript</a>: A typed superset of JavaScript</li> <li> <a href="https://reactjs.org/" rel="noopener noreferrer">React</a>: A JavaScript library for building user interfaces</li> <li> <a href="https://tailwindcss.com/" rel="noopener noreferrer">Tailwind CSS</a>: A utility-first CSS framework</li> </ul> gratitude Dream.Chayutpong Sat, 28 Jan 2023 05:22:08 +0000 https://dev.to/deathtinyz/i-created-a-website-for-nature-sounds-to-help-you-focus-sleep-relax-and-relieve-stress-4d2j https://dev.to/deathtinyz/i-created-a-website-for-nature-sounds-to-help-you-focus-sleep-relax-and-relieve-stress-4d2j <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%2Ft34sbqpip1oiu5hakkwt.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%2Ft34sbqpip1oiu5hakkwt.png" alt="Image description" width="800" height="436"></a></p> <h2> Moodlody </h2> <p>Live: <a href="https://moodlody.vercel.app/" rel="noopener noreferrer">Demo</a><br> Source: <a href="https://github.com/DEATHTINYZ/moodlody" rel="noopener noreferrer">Github</a></p> <blockquote> <p>Moodlody is an app with nature sounds to help you focus, sleep, relax and relieve stress.</p> </blockquote> <h2> Getting started </h2> <p>To run this project locally, you will need to have <a href="https://nodejs.org/en/" rel="noopener noreferrer">Node.js</a> and <a href="https://www.npmjs.com/" rel="noopener noreferrer">npm</a> (or <a href="https://yarnpkg.com/" rel="noopener noreferrer">Yarn</a>) installed on your machine.</p> <p>1.Clone the repository:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/DEATHTINYZ/moodlody.git </code></pre> </div> <p>2.Navigate to the project directory:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="nb">cd </span>moodlody </code></pre> </div> <p>3.Install the dependencies:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm <span class="nb">install</span> <span class="c"># or</span> yarn <span class="nb">install</span> </code></pre> </div> <p>4.Run the development server:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm run dev <span class="c"># or</span> yarn dev </code></pre> </div> <p>The app will be available at <a href="http://localhost:3000" rel="noopener noreferrer">http://localhost:3000</a>.</p> <h2> Features </h2> <ul> <li>Multiple sound options: More than 10+ sound to choose from.</li> <li>Sound controls: The ability to randomize the sound, mute the currently playing sound, and stop all currently playing sounds.</li> </ul> <h2> Tech stack </h2> <ul> <li> <a href="https://nextjs.org/" rel="noopener noreferrer">Next.js</a>: A framework for building server-rendered React apps</li> <li> <a href="https://www.typescriptlang.org/" rel="noopener noreferrer">TypeScript</a>: A typed superset of JavaScript</li> <li> <a href="https://reactjs.org/" rel="noopener noreferrer">React</a>: A JavaScript library for building user interfaces</li> <li> <a href="https://tailwindcss.com/" rel="noopener noreferrer">Tailwind CSS</a>: A utility-first CSS framework</li> </ul> welcome showdev