<?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: AlexChavezz</title>
    <description>The latest articles on DEV Community by AlexChavezz (@alexchavezz).</description>
    <link>https://dev.to/alexchavezz</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%2F976679%2F50dce53f-255c-42ec-85d9-492bd3ef794a.png</url>
      <title>DEV Community: AlexChavezz</title>
      <link>https://dev.to/alexchavezz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alexchavezz"/>
    <language>en</language>
    <item>
      <title>MongoDB Atlas Hackathon 2022 on DEV</title>
      <dc:creator>AlexChavezz</dc:creator>
      <pubDate>Wed, 07 Dec 2022 05:14:14 +0000</pubDate>
      <link>https://dev.to/alexchavezz/mongodb-atlas-hackathon-2022-on-dev-9jd</link>
      <guid>https://dev.to/alexchavezz/mongodb-atlas-hackathon-2022-on-dev-9jd</guid>
      <description>&lt;h2&gt;
  
  
  HEY SPACE LOVERS!!
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Welcome to encycloverse the perfect place to find everything about the universe.
&lt;/h3&gt;

&lt;h2&gt;
  
  
  What I built
&lt;/h2&gt;

&lt;p&gt;I used a mongo Atlas Search to build a space library or how i enjoy call it &lt;em&gt;encycloverse&lt;/em&gt;. There you can search for one specific thing in the universe, like planets, galaxies, astronomical events and more categories.&lt;br&gt;
Also you can join to the discussion to share something about each planet, galaxy, etc.&lt;/p&gt;

&lt;h3&gt;
  
  
  Category Submission:
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Search No More:&lt;/strong&gt; Build an application with full-text search capabilities using MongoDB Atlas and Atlas Search&lt;/p&gt;

&lt;h3&gt;
  
  
  App Link
&lt;/h3&gt;

&lt;p&gt;You can watch it here -&amp;gt; &lt;a href="https://delightful-smoke-038cf9010.2.azurestaticapps.net/universe"&gt;https://delightful-smoke-038cf9010.2.azurestaticapps.net/universe&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Screenshots
&lt;/h3&gt;

&lt;p&gt;&lt;em&gt;Autocomplete Search&lt;/em&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NazGiwRz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jcxrvjidsp43z369hhih.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NazGiwRz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jcxrvjidsp43z369hhih.png" alt="Image description" width="880" height="423"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Search by category&lt;/em&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AkPxTK1f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5hsz0ahbbn56p9c3irk9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AkPxTK1f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5hsz0ahbbn56p9c3irk9.png" alt="Image description" width="880" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dE52h89---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5vxzm6o8xh56utfk4yu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dE52h89---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5vxzm6o8xh56utfk4yu.png" alt="Image description" width="880" height="425"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Design&lt;/em&gt;: &lt;a href="https://www.figma.com/file/JZSAeFd70tomEienvjLFL8/mongodb-hackatlon-proyect?node-id=0%3A1&amp;amp;t=uPGKla5YcIrCARW3-0"&gt;https://www.figma.com/file/JZSAeFd70tomEienvjLFL8/mongodb-hackatlon-proyect?node-id=0%3A1&amp;amp;t=uPGKla5YcIrCARW3-0&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Description
&lt;/h3&gt;

&lt;p&gt;In the main page (Search) you can search by text anything you want to find, don't worry if you don't have idea what looking for just write more than one letter and the autocomplete search will helps you.&lt;br&gt;
For this to work I implemented the autocomplete feature.&lt;/p&gt;

&lt;p&gt;Also you can search by category only in categories page. You need only pick one or more categories and apply changes.&lt;br&gt;
When you pick any space object like &lt;em&gt;mars&lt;/em&gt; planet you can go into their page and post one comment to share anything with other about that specific item, you only need an account. Don't worry is secure and fast.&lt;/p&gt;

&lt;p&gt;You can sign up to get access to comment any item the you only need a user name and password. The password is hashed in the server before they are saved.&lt;/p&gt;

&lt;h3&gt;
  
  
  Link to Source Code
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/AlexChavezz/mongoDB_HACKATHON_proyect"&gt;https://github.com/AlexChavezz/mongoDB_HACKATHON_proyect&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Permissive License
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HcEaOf3N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07u0qzywsake959s9yln.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HcEaOf3N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07u0qzywsake959s9yln.png" alt="Image description" width="367" height="72"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/AlexChavezz/mongoDB_HACKATHON_proyect/blob/main/LICENSE.md"&gt;https://github.com/AlexChavezz/mongoDB_HACKATHON_proyect/blob/main/LICENSE.md&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Background
&lt;/h2&gt;

&lt;p&gt;(What made you decide to build this particular app? What inspired you?)&lt;/p&gt;

&lt;p&gt;I am a complete space lover I enjoying everything about the universe. The best part of development is that isn't necessary follow just one monotonous road to do something, you can put together so many pieces as you want to create amazing things.&lt;br&gt;
That's why I'm decide build this awesome application, one place to learn and share about the huge cosmos.&lt;/p&gt;

&lt;h3&gt;
  
  
  How I built it
&lt;/h3&gt;

&lt;p&gt;(How did you utilize MongoDB Atlas? Did you learn something new along the way? Pick up a new skill?)&lt;/p&gt;

&lt;p&gt;This application has two parts.&lt;/p&gt;

&lt;h4&gt;
  
  
  Front-end
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Back-end
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Nodejs&lt;/li&gt;
&lt;li&gt;Nodejs (Express.js)&lt;/li&gt;
&lt;li&gt;To connect Nodejs with mongo atlas I use &lt;em&gt;mongoDB&lt;/em&gt; official driver for node.js.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;On this few weeks I was learn so much. previously I have used mongo atlas but I haven't idea about their features like mongo atlas search available only in mongo atlas. So along this challenge I was learn about it and how implement it in my principal programing language.&lt;/p&gt;

&lt;p&gt;I implemented autocomplete search trough &lt;strong&gt;autocomplete&lt;/strong&gt; operator inside my &lt;strong&gt;$search&lt;/strong&gt; stage to home page works.&lt;/p&gt;

&lt;p&gt;To search by categories I used the &lt;strong&gt;compound&lt;/strong&gt; operator in the &lt;strong&gt;$search&lt;/strong&gt; stage with the purpose to get items that are results of multiple combinations.&lt;/p&gt;

&lt;p&gt;In my mongo atlas cluster I have three collections inside my main database. &lt;br&gt;
&lt;strong&gt;Items&lt;/strong&gt;: To save all space objects.&lt;br&gt;
&lt;strong&gt;Comments&lt;/strong&gt;: Where are saved all comments posted by users.&lt;br&gt;
&lt;strong&gt;Users&lt;/strong&gt;: Here I store the users information. &lt;/p&gt;

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

&lt;h4&gt;
  
  
  Support Material
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://learn.mongodb.com/learn/learning-path/mongodb-nodejs-developer-path"&gt;https://learn.mongodb.com/learn/learning-path/mongodb-nodejs-developer-path&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.mongodb.com/docs/atlas/atlas-search/tutorial/compound-query-custom-score/"&gt;https://www.mongodb.com/docs/atlas/atlas-search/tutorial/compound-query-custom-score/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.mongodb.com/docs/atlas/atlas-search/operators-and-collectors/"&gt;https://www.mongodb.com/docs/atlas/atlas-search/operators-and-collectors/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>atlashackathon22</category>
    </item>
  </channel>
</rss>
