<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Prithvi Yewale</title>
    <description>The latest articles on DEV Community by Prithvi Yewale (@cosmicwanderer7).</description>
    <link>https://dev.to/cosmicwanderer7</link>
    <image>
      <url>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%2F681632%2Fa5cdbd6d-5dd7-41f6-afd7-98a612fccd90.jpeg</url>
      <title>DEV Community: Prithvi Yewale</title>
      <link>https://dev.to/cosmicwanderer7</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/cosmicwanderer7"/>
    <language>en</language>
    <item>
      <title>Just Updated My Terminal-Style Portfolio! Would Love Your Feedback</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Mon, 28 Apr 2025 16:14:20 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/just-updated-my-terminal-style-portfolio-would-love-your-feedback-28pf</link>
      <guid>https://dev.to/cosmicwanderer7/just-updated-my-terminal-style-portfolio-would-love-your-feedback-28pf</guid>
      <description>&lt;p&gt;Hey everyone!&lt;/p&gt;

&lt;p&gt;I recently gave my terminal-style portfolio a update and wanted to share it with you all!&lt;/p&gt;

&lt;p&gt;🔹 Live site: cosmicwanderer7.github.io/Terminal-Portfolio&lt;br&gt;
🔹 Source code: github.com/cosmicwanderer7/Terminal-Portfolio&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt; Switched from Tailwind CSS to vanilla CSS .&lt;/li&gt;
&lt;li&gt;    Autocomplete when you press Tab&lt;/li&gt;
&lt;li&gt;    Included Typo Correction (small spelling mistakes suggest the right command).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Would love your feedback&lt;/p&gt;

&lt;p&gt;Thanks for checking it out! 😄 &lt;/p&gt;

&lt;p&gt;&lt;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%2Flsnen2txkc8eeeior74b.png" class="article-body-image-wrapper"&gt;&lt;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%2Flsnen2txkc8eeeior74b.png" alt="website preview theme1" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fcbjz0t3t6hicdeiqkxie.png" class="article-body-image-wrapper"&gt;&lt;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%2Fcbjz0t3t6hicdeiqkxie.png" alt="website preview theme2" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>portfolio</category>
      <category>frontend</category>
    </item>
    <item>
      <title>[!Update]</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Thu, 24 Apr 2025 09:51:44 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/-3c6o</link>
      <guid>https://dev.to/cosmicwanderer7/-3c6o</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p" class="crayons-story__hidden-navigation-link"&gt;Terminal-styled portfolio websites.&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/cosmicwanderer7" class="crayons-avatar  crayons-avatar--l  "&gt;
            &lt;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%2Fuser%2Fprofile_image%2F681632%2Fa5cdbd6d-5dd7-41f6-afd7-98a612fccd90.jpeg" alt="cosmicwanderer7 profile" class="crayons-avatar__image"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/cosmicwanderer7" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Prithvi Yewale
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Prithvi Yewale
                
              
              &lt;div id="story-author-preview-content-1243420" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/cosmicwanderer7" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&gt;
                        &lt;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%2Fuser%2Fprofile_image%2F681632%2Fa5cdbd6d-5dd7-41f6-afd7-98a612fccd90.jpeg" class="crayons-avatar__image" alt=""&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Prithvi Yewale&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Nov 4 '22&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p" id="article-link-1243420"&gt;
          Terminal-styled portfolio websites.
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/webdev"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;webdev&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/portfolio"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;portfolio&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/javascript"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;javascript&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/tailwindcss"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;tailwindcss&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;28&lt;span class="hidden s:inline"&gt; reactions&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              18&lt;span class="hidden s:inline"&gt; comments&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            1 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>portfolio</category>
      <category>javascript</category>
      <category>tailwindcss</category>
    </item>
    <item>
      <title>Update: GitHub Repository Initialization Script.</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Sat, 10 Feb 2024 14:50:12 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/update-github-repository-initialization-script-3jp5</link>
      <guid>https://dev.to/cosmicwanderer7/update-github-repository-initialization-script-3jp5</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/cosmicwanderer7/github-script/tree/main"&gt;GitHub Repository Initialization Script&lt;br&gt;
&lt;/a&gt;This Bash script is designed to automate the process of creating and initializing a Git repository, optionally pushing it to GitHub, and selecting a license.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Getting Started&lt;/strong&gt;&lt;br&gt;
Before using this script, make sure you have the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;GitHub account&lt;/li&gt;
&lt;li&gt;GitHub username&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.github.com/en/enterprise-server@3.9/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens"&gt;GitHub personal access token with repo scope&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Instructions (mkgit.bash)&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Clone the repository to your local machine:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/your-username/bash-github-repo-creator.git
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;

&lt;p&gt;Navigate to the cloned directory:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;bash-github-repo-creator
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;

&lt;p&gt;Make the script executable:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;chmod&lt;/span&gt; +x mkgit.bash
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;

&lt;p&gt;Execute the script&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;./mkgit.bash &lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;-d&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;-i&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;-l&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nt"&gt;-h&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Flags&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;-d: Delete the configuration file and exit.&lt;br&gt;
   -i: Initialize a Git repository in the current directory.&lt;br&gt;
   -l: Prompt for license selection.&lt;br&gt;
   -h: Display the help message.&lt;/p&gt;

&lt;p&gt;Runing script without any flags makes new repo without licence at &lt;code&gt;$HOME/Documents/Projects&lt;/code&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;The first time you use the script, it will prompt you to enter your GitHub credentials. These credentials will be saved in a configuration file for further use.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;To run the script globally.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;copy the script to&lt;/p&gt;

&lt;p&gt;&lt;code&gt;/usr/local/bin&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;you can create a alias&lt;/p&gt;

&lt;p&gt;&lt;code&gt;alias mkgit='mkgit.bash'&lt;/code&gt; &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The script will create a new directory with the given repository name, initialize a Git repository, create an initial commit with a README file, and push it to the newly created GitHub repository.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Contributing&lt;/strong&gt;&lt;br&gt;
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Make sure to follow the contribution guidelines.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;a href="https://github.com/cosmicwanderer7/github-script/tree/main"&gt;Fork the repository.&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Create your feature branch &lt;code&gt;git checkout -b feature/AmazingFeature&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Commit your changes &lt;code&gt;git commit -m 'Add some AmazingFeature'&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Push to the branch &lt;code&gt;git push origin feature/AmazingFeature&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Open a pull request.&lt;/li&gt;
&lt;/ol&gt;




&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/cosmicwanderer7/github-script/graphs/contributors"&gt;contributors&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
&lt;a href="//github.com/cosmicwanderer7"&gt;Github.com/cosmicwanderer7&lt;/a&gt;&lt;br&gt;
&lt;a href="//github.com/Cybersnake223"&gt;Github.com/Cybersnake223&lt;/a&gt;&lt;br&gt;
&lt;a href="//github.com/Cybersnake223"&gt;Github.com/TanX-009&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>linux</category>
      <category>bash</category>
      <category>git</category>
      <category>github</category>
    </item>
    <item>
      <title>GitHub Repository Initialization Script</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Thu, 23 Nov 2023 03:31:33 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/github-repository-initialization-script-12pp</link>
      <guid>https://dev.to/cosmicwanderer7/github-repository-initialization-script-12pp</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/cosmicwanderer7/github-script"&gt;GitHub Repository Initialization Script&lt;br&gt;
&lt;/a&gt;This Bash script automates the process of creating a new GitHub repository, initializing it with a README file, and pushing the initial commit to the remote repository. The script prompts the user for a repository name and utilizes the GitHub API to create a new public repository.&lt;/p&gt;
&lt;h2&gt;
  
  
  Prerequisites
&lt;/h2&gt;

&lt;p&gt;Before using this script, make sure you have the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;GitHub account&lt;/li&gt;
&lt;li&gt;GitHub username&lt;/li&gt;
&lt;li&gt;GitHub personal access token with repo scope&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  Instructions
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Set your GitHub username and personal access token:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# GitHub username &lt;/span&gt;
&lt;span class="nv"&gt;GITHUB_USERNAME&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"YourGitHubUsername"&lt;/span&gt;

&lt;span class="c"&gt;# GitHub personal access token&lt;/span&gt;
&lt;span class="nv"&gt;GITHUB_TOKEN&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"YourGitHubPersonalAccessToken"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;

&lt;p&gt;Navigate to the desired directory where you want to create the new repository:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; /path/to/your/Documents
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;

&lt;p&gt;Run the script:&lt;br&gt;
&lt;/p&gt;

&lt;pre class="highlight shell"&gt;&lt;code&gt;./script_name.sh
&lt;/code&gt;&lt;/pre&gt;




&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Enter the desired repository name when prompted.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The script will create a new directory with the given repository name, initialize a Git repository, create an initial commit with a README file, and push it to the newly created GitHub repository.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Script Explanation
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;git init -b main&lt;/code&gt;: Initializes a new Git repository with the main branch.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;curl -u "$GITHUB_USERNAME:$GITHUB_TOKEN" https://api.github.com/user/repos -d '{"name":"'"$REPO_NAME"'", "private": false}'&lt;/code&gt;: Uses the GitHub API to create a new public repository with the specified name.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;git remote add origin "git@github.com:$GITHUB_USERNAME/$REPO_NAME.git"&lt;/code&gt;: Sets the remote repository URL.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;git branch -M main&lt;/code&gt;: Renames the default branch to main.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;git push -u origin main&lt;/code&gt;: Pushes the initial commit to the remote repository.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;code .&lt;/code&gt;: Opens the repository in Visual Studio Code (you may need to have it installed).&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/cosmicwanderer7/github-script"&gt;Feel free to fork this repository, make any changes, and suggest improvements. Your contributions are welcome!&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>bash</category>
      <category>programming</category>
      <category>linux</category>
    </item>
    <item>
      <title>Terminal-styled portfolio websites.</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Fri, 04 Nov 2022 14:41:33 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p</link>
      <guid>https://dev.to/cosmicwanderer7/terminal-styled-portfolio-websites-n4p</guid>
      <description>&lt;h2&gt;
  
  
  &lt;strong&gt;! update&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Switched from tailwind css to normal css &lt;br&gt;
added pressing tab to autocomplete&lt;br&gt;
added typo correction &lt;br&gt;
added a cute cat gif that follows the mouse&lt;/p&gt;

&lt;p&gt;Project is live @ &lt;a href="https://cosmicwanderer7.github.io/Terminal-Portfolio/" rel="noopener noreferrer"&gt;cosmicwanderer7.github.io/Terminal-Portfolio/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Source Code @ &lt;a href="https://github.com/cosmicwanderer7/Terminal-Portfolio" rel="noopener noreferrer"&gt;github.com/cosmicwanderer7/Terminal-Portfolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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%2Fx9xr7klp6q7cy8won86t.png" class="article-body-image-wrapper"&gt;&lt;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%2Fx9xr7klp6q7cy8won86t.png" alt="Image description" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  About The Project
&lt;/h2&gt;

&lt;p&gt;A Terminal Portfolio. &lt;br&gt;
 Project is live &lt;/p&gt;

&lt;p&gt;&lt;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%2Fhrxy2porac7sgw4j709u.png" class="article-body-image-wrapper"&gt;&lt;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%2Fhrxy2porac7sgw4j709u.png" alt="Image description" width="800" height="393"&gt;&lt;/a&gt;&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/8PvI-XDCyL8"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Built With
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/HTML" rel="noopener noreferrer"&gt;Html5&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://tailwindcss.com/" rel="noopener noreferrer"&gt;Tailwind CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.last.fm/api" rel="noopener noreferrer"&gt;LastFM api&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.npmjs.com/" rel="noopener noreferrer"&gt;npm&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;(back to top)&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>portfolio</category>
      <category>javascript</category>
      <category>tailwindcss</category>
    </item>
    <item>
      <title>Google-clone - Google Search Clone Built Using React/Next js And Tailwind CSS</title>
      <dc:creator>Prithvi Yewale</dc:creator>
      <pubDate>Tue, 17 May 2022 03:56:12 +0000</pubDate>
      <link>https://dev.to/cosmicwanderer7/google-clone-google-search-clone-built-using-reactnext-js-and-tailwind-css-4j09</link>
      <guid>https://dev.to/cosmicwanderer7/google-clone-google-search-clone-built-using-reactnext-js-and-tailwind-css-4j09</guid>
      <description>&lt;h2&gt;
  
  
  ABOUT THE PROJECT
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FrZGgsqr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FrZGgsqr.png" alt="project screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A  functional replica of Google's search page, you can use it for searches. Styled with &lt;a href="https://tailwindcss.com/" rel="noopener noreferrer"&gt;Tailwind CSS&lt;/a&gt; to  Rapidly build and look as close as possible to current google search page, the search results are pulled using Googles &lt;a href="https://developers.google.com/custom-search" rel="noopener noreferrer"&gt;Programmable Search Engine&lt;/a&gt; and it was build using &lt;a&gt;Next.js &lt;/a&gt;the react framework.&lt;/p&gt;

&lt;p&gt;Project is live here &lt;a href="https://google-clone-p8mn37r8a-cosmicwanderer7.vercel.app/" rel="noopener noreferrer"&gt;https://google-clone-p8mn37r8a-cosmicwanderer7.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Please do not spam searches.&lt;/p&gt;

&lt;h3&gt;
  
  
  Built With
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/" rel="noopener noreferrer"&gt;Next.js&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://tailwindcss.com/" rel="noopener noreferrer"&gt;Tailwind CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://programmablesearchengine.google.com/about/" rel="noopener noreferrer"&gt;Programmable Search Engine&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://yarnpkg.com/" rel="noopener noreferrer"&gt;Yarn&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;(back to top)&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Prerequisites
&lt;/h3&gt;

&lt;p&gt;This are things you need to use the web app and how to install them.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;yarn
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install --global yarn 
  yarn dev   // to run local server
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Installation
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Get a free API_KEY at &lt;a href="https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key" rel="noopener noreferrer"&gt;https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Get ( Search engine ID ) CONTEXT_KEY at &lt;a href="https://cse.google.com/cse/create/new" rel="noopener noreferrer"&gt;https://cse.google.com/cse/create/new&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Clone the repo&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;git clone https://github.com/cosmicwanderer7/google-clone.git&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add Next
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;yarn add next react react-dom&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Install all dependencies&lt;br&gt;
&lt;code&gt;yarn&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a .env.local file to store your api keys&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;API_KEY = ' ' //API Key https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_key&lt;br&gt;
   CONTEXT_KEY = ' ' // Context Key  https://cse.google.com/cse/create/new ( Search engine ID )&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use dummy data for testing
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;const  useDummyData  =  false;&lt;br&gt;
  //true for development testing (mock results) change it in search.js&lt;br&gt;
  (Free version of google search api has a quota of 100 search results per day  use dummy data so that you don't exhaust the quota)&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;To run on local host use
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;code&gt;yarn dev //starts a local server&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;(back to top)&lt;/p&gt;

&lt;h2&gt;
  
  
  Contributing
&lt;/h2&gt;

&lt;p&gt;Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are &lt;strong&gt;greatly appreciated&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;If you have a suggestion that would make this better, please fork the repo and create a pull request. &lt;/p&gt;

&lt;p&gt;Don't forget to give the project a star! Thanks again!&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Fork the Project&lt;/li&gt;
&lt;li&gt;Create your Feature Branch&lt;/li&gt;
&lt;li&gt;Commit your Changes &lt;/li&gt;
&lt;li&gt;Push to the Branch &lt;/li&gt;
&lt;li&gt;Open a Pull Request&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;(back to top)&lt;/p&gt;

&lt;h2&gt;
  
  
  Contact
&lt;/h2&gt;

&lt;p&gt;&lt;a href="mailto:yewaleprithvi2003@gmail.com"&gt;yewaleprithvi2003@gmail.com&lt;/a&gt; Gmail&lt;br&gt;
 &lt;a href="https://twitter.com/PrithviYewale" rel="noopener noreferrer"&gt;@PrithviYewale&lt;/a&gt; Twitter&lt;br&gt;
 &lt;a href="https://www.instagram.com/prithvi_yewale/" rel="noopener noreferrer"&gt;@prithvi_yewale&lt;/a&gt; Instagram&lt;/p&gt;

&lt;p&gt;Project Link: &lt;a href="https://github.com/cosmicwanderer7/google-clone" rel="noopener noreferrer"&gt;https://github.com/cosmicwanderer7/google-clone&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;(back to top)&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>nextjs</category>
      <category>react</category>
      <category>tailwindcss</category>
    </item>
  </channel>
</rss>
