<?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: ANKIT SINGH</title>
    <description>The latest articles on DEV Community by ANKIT SINGH (@ankitsingh).</description>
    <link>https://dev.to/ankitsingh</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%2F365185%2Fc41fde16-1c1a-419d-b617-0f1a43f1181d.jpg</url>
      <title>DEV Community: ANKIT SINGH</title>
      <link>https://dev.to/ankitsingh</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ankitsingh"/>
    <language>en</language>
    <item>
      <title>Replica-of-Google-Keep</title>
      <dc:creator>ANKIT SINGH</dc:creator>
      <pubDate>Fri, 22 May 2020 16:14:39 +0000</pubDate>
      <link>https://dev.to/ankitsingh/replica-of-google-keep-1517</link>
      <guid>https://dev.to/ankitsingh/replica-of-google-keep-1517</guid>
      <description>&lt;h2&gt;
  
  
  &lt;strong&gt;My Side project on the flask&lt;/strong&gt;
&lt;/h2&gt;




&lt;h3&gt;
  
  
  &lt;strong&gt;AIM&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;The aim of the project was to develop a replica of google keep.&lt;/p&gt;

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

&lt;p&gt;The major task of this project was to get to know how the control flow of google-keep work and to propose a suitable model, followed by making a good authentication so that intruders cannot affect a person's, private data like email, name, notes...&lt;/p&gt;

&lt;p&gt;To make the data more private and not visible to others, I went on using googles OAuth authentication, wherein the hassle of login is eliminated by just using you google email ID to login and get started in this way, the user will not need to worry about extra information and get along fast.&lt;/p&gt;

&lt;p&gt;This application allows you to make important notes, links, map locations.&lt;br&gt;
All the map locations get rendered and you get to see the real-time locations of that particular place entered in the location bar.&lt;/p&gt;

&lt;p&gt;There is a search bar to get your important notes from the bunch of todo works.&lt;/p&gt;
&lt;h3&gt;
  
  
  &lt;strong&gt;Tool used&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;HTML&lt;/li&gt;
&lt;li&gt;CSS&lt;/li&gt;
&lt;li&gt;JS&lt;/li&gt;
&lt;li&gt;PYTHON&lt;/li&gt;
&lt;li&gt;FLASK&lt;/li&gt;
&lt;li&gt;SQLAlchemy&lt;/li&gt;
&lt;li&gt;VS CODE&lt;/li&gt;
&lt;li&gt;GOOGLE MAP API&lt;/li&gt;
&lt;li&gt;OAuth API&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
  
  
  &lt;strong&gt;Link to Code&lt;/strong&gt;
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/amankitsingh"&gt;
        amankitsingh
      &lt;/a&gt; / &lt;a href="https://github.com/amankitsingh/Replica_of_Google_keep"&gt;
        Replica_of_Google_keep
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
&lt;br&gt;
Replica of Google Keep
&lt;/h1&gt;
&lt;p&gt;
  &lt;a href="https://opensource.org/licenses/MIT" rel="nofollow"&gt;
    &lt;img src="https://camo.githubusercontent.com/3a50d5c687932b4693d23d07cfa8fc5a7b6738c97689f8631e26f23d8740ee14/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d7265642e737667" alt="License MIT"&gt;
  &lt;/a&gt;
    &lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/f1bf092ab4b636395993861c5e544351e22fd417cf1d8b360eee500b491b51d6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5361792532305468616e6b732df09f918d2d3145414544422e737667"&gt;&lt;img src="https://camo.githubusercontent.com/f1bf092ab4b636395993861c5e544351e22fd417cf1d8b360eee500b491b51d6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5361792532305468616e6b732df09f918d2d3145414544422e737667" alt="Say thanks"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;div&gt;
&lt;a rel="noopener noreferrer" href="https://github.com/infinityrun/Replica_of_Google_keep/blob/master/keep.JPG"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mvZRVEfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://github.com/infinityrun/Replica_of_Google_keep/raw/master/keep.JPG" alt="screenshot"&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;h3&gt;
&lt;strong&gt;Python and Flask based application.&lt;/strong&gt;
&lt;/h3&gt;

&lt;h2&gt;
Instructions to follow before Running the project&lt;/h2&gt;

&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;sudo apt-get install python3 // If not present in your pc
sudo apt-get install python3-pip  // If not present in your pc
Run: pip install -r requirements.txt // This will install all the requirements of the project listed below:

// The (*) marks are extremely important
1. Flask==1.0.2*
2. sqlalchemy==1.2.7*
3. requests*
4. oauth2client*
5. httplib2
6. requests*
7. JSON
8. functools
9. wraps
10. mod_wsgi
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h2&gt;
Steps to execute&lt;/h2&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;1. clone or download the repo into local pc.
2. Run Python app.py to start the program. //after installing all the requirements
3. open your web browser and visit http://localhost:8000/
4. Now you are ready to explore.
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h1&gt;
Note: In the map section, type the desire location and press Enter to render the location on * &lt;em&gt;on-screen&lt;/em&gt; * map and then submit to save it in&lt;/h1&gt;…&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/amankitsingh/Replica_of_Google_keep"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;



&lt;h3&gt;
  
  
  Additional Thoughts
&lt;/h3&gt;

&lt;p&gt;It was a great learning experience through this project. My learning doesn't stop here, I will be creating and contributing more in the future. Also, this web application needs more additional features such as (list notes, images notes)&lt;/p&gt;

&lt;p&gt;Thank you octograd2020!Cheers🍻&lt;/p&gt;

&lt;p&gt;Do follow me on twitter: &lt;a href="https://www.twitter.com/amankitsingh"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xm_a-3g2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://raw.githubusercontent.com/infinityrun/infinityrun/master/twitter.svg" width="107" height="32"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>octograd2020</category>
      <category>2020devgrad</category>
    </item>
  </channel>
</rss>
