<?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: Tamal Das</title>
    <description>The latest articles on DEV Community by Tamal Das (@tamalcodes).</description>
    <link>https://dev.to/tamalcodes</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%2F688263%2F9ed2e145-dc2a-4569-a05f-e9fdb1b014e7.jpg</url>
      <title>DEV Community: Tamal Das</title>
      <link>https://dev.to/tamalcodes</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tamalcodes"/>
    <language>en</language>
    <item>
      <title>Getting a Tech Job, Internship, Remote work in 2022</title>
      <dc:creator>Tamal Das</dc:creator>
      <pubDate>Fri, 28 Oct 2022 14:39:04 +0000</pubDate>
      <link>https://dev.to/tamalcodes/getting-a-tech-job-internship-remote-work-in-2022-2bbn</link>
      <guid>https://dev.to/tamalcodes/getting-a-tech-job-internship-remote-work-in-2022-2bbn</guid>
      <description>&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;This blog is going to be about getting an internship, Remote work, improving your LinkedIn profiles, and where to apply to get offers. For anyone looking for a full-time role, stay tuned until the very end to get a surprise!&lt;/p&gt;




&lt;h2&gt;
  
  
  ⭐ A good Linkedin Profile
&lt;/h2&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%2Fa7ogdccwpwj8f85s5f0d.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%2Fa7ogdccwpwj8f85s5f0d.png" alt="Tamal's Linkedin Profile" width="661" height="657"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Having a well maintained LinkedIn profile is &lt;strong&gt;extremely important&lt;/strong&gt; if you want to get a job, internship, or any kind of professional work. You would want to tell the user viewing your profile maximum details about who you are and how good you are at the work you do.  &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Include a minimal yet professional profile picture and cover picture. &lt;/li&gt;
&lt;li&gt;Make sure you write a proper bio and also a proper header that &lt;strong&gt;attracts the maximum attention&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  ⭐ A good resume
&lt;/h2&gt;

&lt;p&gt;A resume is one of the &lt;strong&gt;most important things&lt;/strong&gt; in your professional career. It is not such a thing that can be perfected in one try, you need to always edit and customize your resume based on the type of job or the job description. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Make sure you provide it clean and neat resume &lt;strong&gt;highlighting important keywords&lt;/strong&gt; about your projects, your work experience, education, skills, activities, and so on. &lt;/li&gt;
&lt;li&gt;Make it simple but let it have an impact on the people that are viewing it&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  ⭐  A portfolio
&lt;/h2&gt;

&lt;p&gt;The best way to show all of your works, builds, projects and other activities is to build out a portfolio. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Make sure it is &lt;strong&gt;mobile responsive&lt;/strong&gt; and optimized.&lt;/li&gt;
&lt;li&gt;Keep it clean and minimally styled while adding your most attractive works in it&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  ⭐ Applying to internships/jobs
&lt;/h2&gt;

&lt;p&gt;There are alot of other portals, some of the best are &lt;a href="https://www.turing.com/jobs" rel="noopener noreferrer"&gt;Turing&lt;/a&gt;, &lt;a href="https://junohq.com?r=tamad" rel="noopener noreferrer"&gt;JunoHQ&lt;/a&gt;, &lt;a href="https://angel.co/jobs" rel="noopener noreferrer"&gt;Angellist&lt;/a&gt;, &lt;a href="https://www.glassdoor.co.in/Job/Home/" rel="noopener noreferrer"&gt;Glassdoor&lt;/a&gt;, &lt;a href="https://optimhire.com/developers/Search-job" rel="noopener noreferrer"&gt;Optimhire&lt;/a&gt; and so on.&lt;/p&gt;

&lt;p&gt;Whenever applying for an internship take a &lt;strong&gt;good look at the job description&lt;/strong&gt; and try to mention your projects in your resume that have the same keywords as the job description.&lt;/p&gt;




&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;For full-time jobs&lt;/strong&gt;, my recommendation is &lt;strong&gt;&lt;a href="https://junohq.com?r=tamad" rel="noopener noreferrer"&gt;Juno HQ&lt;/a&gt;&lt;/strong&gt; as there are a ton of startups that would pay you a lot with great perks, but you just are not aware of them. Get paid what you deserve! &lt;/p&gt;

&lt;p&gt;With that said I won't write much because I want you all to explore also let me know about your experience in finding your internship, jobs, and remote work in the comments below.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>5 Ways to level up your Opensource project</title>
      <dc:creator>Tamal Das</dc:creator>
      <pubDate>Mon, 10 Oct 2022 06:10:15 +0000</pubDate>
      <link>https://dev.to/tamalcodes/5-ways-to-level-up-your-opensource-project-511j</link>
      <guid>https://dev.to/tamalcodes/5-ways-to-level-up-your-opensource-project-511j</guid>
      <description>&lt;h2&gt;
  
  
  What do I mean by Leveling up a project ?
&lt;/h2&gt;

&lt;p&gt;Leveling up simply means having your project set up in such a way that it is accessible to all. Even if someone very new to the world of tech, looks at your project, they should able to tell, at the very least what's the project about and how the basics of it work. &lt;br&gt;
It also means to have the project neatly - so that folks who code can easily contribute and maintainers/owners of the project can maintain it more easily. &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%2F3bq0aruetj76pwxs5na7.gif" 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%2F3bq0aruetj76pwxs5na7.gif" alt="Image description" width="1024" height="1024"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Does this matter for an Opensource project ?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Yes !&lt;/strong&gt; , it matters a lot. Opensource projects are likely to have a lot of diversified audiences. They might be having different code practices, different types of thinking, and even different levels of experience than the others. So when you have a set of standards, a set of rules, and proper guidelines for how to make changes to the project, it makes the task for a contributor as well as a maintainer much easier.&lt;br&gt;
They can contribute with more ease.&lt;/p&gt;

&lt;p&gt;As for maintainers, they can work out stuff easily. They would know which code to take a look at first, which code does what, and also reject codes that are invalid/broken. &lt;/p&gt;




&lt;h2&gt;
  
  
  So, How do I make my Opensource project better ?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Issue Templates 📝
&lt;/h3&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%2F0u8sbggi7whqnrwqx1zo.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%2F0u8sbggi7whqnrwqx1zo.png" alt="Image description" width="800" height="238"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you see above are called Issue Templates&lt;/strong&gt; - when raising an issue in an Opensource project, the contributor gets to choose what type of issue they'd like to raise and have the experience of filling up a form. Of course, this can be customized by customizing their &lt;code&gt;.yml&lt;/code&gt; files. In this way, the issues will be cleaner and sorted. Maintainers would know which issue is of which type and gets the most priority !&lt;/p&gt;

&lt;p&gt;To add these you need to make a &lt;code&gt;.github&lt;/code&gt; folder in your repository and add the &lt;code&gt;.yml&lt;/code&gt; files there. It depends on what you want to add but most standards are &lt;code&gt;bug&lt;/code&gt;, &lt;code&gt;docs&lt;/code&gt;, &lt;code&gt;feature requests&lt;/code&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%2Fxck23damq83jdnuzbv4q.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%2Fxck23damq83jdnuzbv4q.png" alt="Image description" width="684" height="453"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Code of conduct 💂‍♂️
&lt;/h3&gt;

&lt;p&gt;A code of conduct defines standards for how to engage in a community. It signals an inclusive environment that respects all contributions. It also outlines procedures for addressing problems between members of your project's community. &lt;/p&gt;

&lt;p&gt;You can add a code of conduct to your project by using a template or manually creating a custom code of conduct. If you use a code of conduct written by another person or organization, be sure to follow any attribution guidelines from the source. To add Code of conduct, you'd just need to head over to &lt;code&gt;Insights&lt;/code&gt; &amp;gt; &lt;code&gt;Community Standards&lt;/code&gt; &amp;gt; &lt;code&gt;Code of conduct&lt;/code&gt; &amp;gt; &lt;code&gt;Add&lt;/code&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%2Fgoj5ctwyqwl0jnut2yem.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%2Fgoj5ctwyqwl0jnut2yem.png" alt="Image description" width="800" height="241"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then choose which you want to use and go ahead with it !&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Contributing Guidelines 🔐
&lt;/h3&gt;

&lt;p&gt;A Contributing Guidelines, in your open source repository or site, provides potential project contributors with a short guide to how they can help with your project or study group.&lt;/p&gt;

&lt;p&gt;You'd need to have a &lt;code&gt;CONTRIBUTING.md&lt;/code&gt; file in the root directory. It is a convention to capitalize the word "contributing" as the file title and to save it as a resource in markdown (hence the extension .md). The &lt;code&gt;CONTRIBUTING.md&lt;/code&gt; should be one of your priorities in putting an open source/science project online to solicit contributions. If you have yet to define possible avenues of contribution, consider creating the file with a "check back later, we will populate this soon" message, and the contact information of the project lead for follow-up. Head over to &lt;code&gt;Insights&lt;/code&gt; &amp;gt; &lt;code&gt;Community Standards&lt;/code&gt; &amp;gt; &lt;code&gt;Contributing&lt;/code&gt; &amp;gt; &lt;code&gt;Add&lt;/code&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%2F02gh8eu8jhmcoj26t4e8.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%2F02gh8eu8jhmcoj26t4e8.png" alt="Image description" width="800" height="294"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Resource on how to make guidelines : &lt;a href="https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/setting-guidelines-for-repository-contributors#examples-of-contribution-guidelines" rel="noopener noreferrer"&gt;Example guidelines&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Labels 🏷
&lt;/h3&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%2Fyyyp757quiwqi0sfeglp.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%2Fyyyp757quiwqi0sfeglp.png" alt="Image description" width="800" height="429"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;*&lt;em&gt;Like these fancy little tags ? *&lt;/em&gt; - That's exactly what labels are. &lt;br&gt;
Using labels like these helps you to organize issues, and pull requests with ease. You can tell from all the issues in the above picture that some of them are simply bug fixes while the others are new features and so on. The labels can even be automated such that whenever someone makes a new issue the label is added based on the type of issue they chose to raise !&lt;/p&gt;

&lt;p&gt;A detailed guide to adding the labels to your repository : &lt;a href="https://docs.github.com/en/issues/using-labels-and-milestones-to-track-work/managing-labels" rel="noopener noreferrer"&gt;GitHub Docs&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Pull-request template 👨‍💻
&lt;/h3&gt;

&lt;p&gt;Pull request templates help guide developers to make better software, and a better software development experience. They are extremely useful for open source projects that get many contributions from outsiders, but they can also be very useful for internal projects where all contributors are insiders. It is better to have a set of details to be filled in while making a PR rather than everyone making their customized pull requests.&lt;/p&gt;

&lt;p&gt;This is what a Pull request template (blank) looks like : &lt;br&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%2F7dhpkxweisy61fl2v9ur.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%2F7dhpkxweisy61fl2v9ur.png" alt="Image description" width="800" height="402"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is  made by adding a &lt;code&gt;pull_request_template.md&lt;/code&gt; file in the &lt;code&gt;.github&lt;/code&gt; folder.&lt;br&gt;
This is highly customizable and recommended because you can get a more detailed list of the changes that were made to the code by using such a template. &lt;/p&gt;

&lt;p&gt;A detailed guide to making a pull request template : &lt;a href="https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository" rel="noopener noreferrer"&gt;GitHub Docs&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;That's it !&lt;/strong&gt; - That is how you take your Opensource project to a whole new level !&lt;br&gt;
Almost everything can be automated with workflows and contributed to by others !&lt;/p&gt;

&lt;p&gt;Also , using community standards helps you more to level up your project !&lt;br&gt;
Go to &lt;code&gt;Insights&lt;/code&gt; &amp;gt; &lt;code&gt;Community Standards&lt;/code&gt; and you'll have a checklist of all the stuffs that needs to be done&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%2Fjbur6wyof16duhrtbxl2.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%2Fjbur6wyof16duhrtbxl2.png" alt="Image description" width="800" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If you like whatever I wrote, feel free to give me a shout-out on your socials.&lt;/strong&gt;&lt;br&gt;
Share the blog with others. Keep contributing 💚 &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%2Fu2h2l6g57jic281vtkga.gif" 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%2Fu2h2l6g57jic281vtkga.gif" alt="Image description" width="498" height="498"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>programming</category>
      <category>javascript</category>
      <category>github</category>
    </item>
    <item>
      <title>The ultimate place for all your wallpapers !!</title>
      <dc:creator>Tamal Das</dc:creator>
      <pubDate>Wed, 20 Apr 2022 14:35:49 +0000</pubDate>
      <link>https://dev.to/tamalcodes/the-ultimate-place-for-all-your-wallpapers--3jho</link>
      <guid>https://dev.to/tamalcodes/the-ultimate-place-for-all-your-wallpapers--3jho</guid>
      <description>&lt;h2&gt;
  
  
  Overview of My Submission
&lt;/h2&gt;

&lt;p&gt;Hello everyone out there. &lt;br&gt;
It's my first time building with Appwrite and here's what I've built - &lt;a href="https://github.com/IAmTamal/appwrite-docker-wallHub" rel="noopener noreferrer"&gt;WallHub&lt;/a&gt;&lt;/p&gt;


&lt;h3&gt;
  
  
  So what exactly is WallHub ?
&lt;/h3&gt;



&lt;p&gt;&lt;strong&gt;WallHub&lt;/strong&gt; is a webapp made with ReactJs , styled with Bootstrap 5.0, CSS and also using Appwrite, Docker as the backend. This webapp can be used to get acess to all the best quality UHD wallpapers for all your screens !!&lt;/p&gt;

&lt;p&gt;After reading the docs, asking around in discord, watching tutorials, stack-overflow building this project of mine was a fun experience. This is my first time using AppWrite, Docker to build something and i really liked the way it came out. Excited to learn more and build some amazing stuffs.&lt;/p&gt;

&lt;p&gt;The inspiration behind WallHub was pretty simple, i wanted to cover all the basics like Databases, Authentications, Buckets, Image upload, Image preview and so on my first time. So here it goes.&lt;/p&gt;




&lt;h2&gt;
  
  
  Submission Category
&lt;/h2&gt;



&lt;p&gt;&lt;strong&gt;Web2 Wizards&lt;/strong&gt;&lt;/p&gt;


&lt;h2&gt;
  
  
  Link to Code
&lt;/h2&gt;

&lt;p&gt;Here's the link to the code, check it out !!&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tamalCodes" rel="noopener noreferrer"&gt;
        tamalCodes
      &lt;/a&gt; / &lt;a href="https://github.com/tamalCodes/appwrite-docker-wallHub" rel="noopener noreferrer"&gt;
        appwrite-docker-wallHub
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A basic demo application with ReactJS, using appwrite and Docker
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/72851613/163774422-8d451422-f909-4d39-b62b-0fb4ea58b541.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F72851613%2F163774422-8d451422-f909-4d39-b62b-0fb4ea58b541.png" alt="WallHub !!"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;What is WallHub ? 🤔&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;WallHub is a webapp made with &lt;strong&gt;ReactJs&lt;/strong&gt; , styled with &lt;strong&gt;Bootstrap, CSS&lt;/strong&gt; and also using &lt;strong&gt;Appwrite&lt;/strong&gt;, &lt;strong&gt;Docker&lt;/strong&gt; as the backend. This webapp can be used to get acess to all the best quality UHD wallpapers for all your screens !!&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Available Scripts 👾&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;To setup the project in your local machine :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;git clone &lt;/code&gt;&lt;/strong&gt; the repository&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;npm install&lt;/code&gt;&lt;/strong&gt; to run all the commands.&lt;/li&gt;
&lt;li&gt;Replace the project IDs, endpoints with your own.&lt;/li&gt;
&lt;li&gt;In &lt;strong&gt;&lt;code&gt;Login.jsx&lt;/code&gt;&lt;/strong&gt; change the URL for googleAuths.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What did i learn ? 🍁&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;Making this app was an amazing experience.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Got to learn about &lt;strong&gt;setting up Docker&lt;/strong&gt; in your local machine.&lt;/li&gt;
&lt;li&gt;Setting up config for &lt;strong&gt;Appwrite&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Storing the registered user in the &lt;strong&gt;storage&lt;/strong&gt; and creating a &lt;strong&gt;local session&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Using &lt;strong&gt;Google Authentication&lt;/strong&gt; for signing up !!&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Here's how it works ⚙&lt;/h2&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/72851613/164241338-b2eff8e5-2298-4b02-b822-3323b716d42f.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F72851613%2F164241338-b2eff8e5-2298-4b02-b822-3323b716d42f.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Here's a sneak peek 👀&lt;/h2&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/72851613/164060567-9229e080-24f0-4537-a718-b376b498c267.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F72851613%2F164060567-9229e080-24f0-4537-a718-b376b498c267.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/72851613/164060670-2be41ff5-a8a9-414e-a7e1-8537d565ad9f.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F72851613%2F164060670-2be41ff5-a8a9-414e-a7e1-8537d565ad9f.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;A demo of how it works 🎥&lt;/h2&gt;…&lt;/div&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tamalCodes/appwrite-docker-wallHub" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;







&lt;h2&gt;
  
  
  Additional Resources / Info
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Architecture of the App ⚙&lt;/strong&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%2Fhnzsz0biozjo6isn6e30.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%2Fhnzsz0biozjo6isn6e30.png" alt="login1 img" width="604" height="461"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;A sneak peek into the Homepage 👀&lt;/strong&gt;&lt;br&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%2Femfthrvajwh0u91x7k0u.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%2Femfthrvajwh0u91x7k0u.png" alt="home page" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;



&lt;p&gt;&lt;strong&gt;Working demo 🎥&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/Znya-jCPgvc"&gt;
&lt;/iframe&gt;
&lt;/p&gt;




&lt;h2&gt;
  
  
  Thankyou
&lt;/h2&gt;

&lt;p&gt;It was an awesome experience learning so much and i am really excited to go much further with all these. Hope you liked the mini project for the Hackathon !! &lt;br&gt;
Have a good day. &lt;/p&gt;

</description>
      <category>appwritehack</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>appwrite</category>
    </item>
  </channel>
</rss>
