Jekyll2020-03-27T14:20:40+00:00https://yashgo0018.github.io//feed.xmlYash GoyalA Progammer And Data ScientistYash Goyalyashgo0018@gmail.comTally Clone2019-07-17T00:00:00+00:002019-07-17T00:00:00+00:00https://yashgo0018.github.io//tally-clone<p>This is a accounting web app that can serve the purpose of tally. This is developed with angular and firebase. <a href="https://tally-clone.firebaseapp.com/">View Demo</a></p>
<h2 id="get-started">Get Started</h2>
<h4 id="install-dependencies">Install Dependencies</h4>
<ul>
<li>
<p>Install Your Project Dependencies</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>npm <span class="nb">install</span>
</code></pre></div> </div>
</li>
<li>
<p>Install Firebase Depndencies</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd </span>firebase/functions
npm <span class="nb">install</span>
</code></pre></div> </div>
</li>
</ul>
<h4 id="step-up-firebase-related-stuff-">Step Up Firebase Related Stuff:-</h4>
<ul>
<li>
<p>Make a file src/environments/firebase.ts and add your firebase credentials in that file:-</p>
<div class="language-ts highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">export</span> <span class="kd">const</span> <span class="nx">firebase</span> <span class="o">=</span> <span class="p">{</span><span class="nx">your</span> <span class="nx">credentials</span><span class="p">}</span>
</code></pre></div> </div>
</li>
</ul>
<h4 id="setup-firebase-functions-and-firestore-rules-">Setup Firebase Functions and Firestore rules:-</h4>
<ul>
<li>
<p>Install <a href="https://firebase.google.com/docs/cli">firebase cli client</a> and login with your account.</p>
</li>
<li>
<p>Make Your Firebase Project in firebase console.</p>
</li>
<li>
<p>Make a file firebase/.firebaserc and add the following and replace your-project-name with your project name:-</p>
<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w"> </span><span class="nl">"projects"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nl">"default"</span><span class="p">:</span><span class="w"> </span><span class="s2">"your-project-name"</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w">
</span></code></pre></div> </div>
</li>
<li>
<p>Deploy Your Firebase Functions and Firestore Rules.</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>firebase deploy <span class="nt">--only</span> functions
firebase deploy <span class="nt">--only</span> firestore
</code></pre></div> </div>
</li>
</ul>
<h4 id="test-your-project--">Test Your Project :-</h4>
<ul>
<li>Run <code class="language-plaintext highlighter-rouge">ng serve</code> for a dev server. Navigate to <code class="language-plaintext highlighter-rouge">http://localhost:4200/</code>. The app will automatically reload if you change any of the source files.</li>
</ul>
<h5 id="and-you-are-done">And You are done.</h5>
<h2 id="build">Build</h2>
<p>Run <code class="language-plaintext highlighter-rouge">ng build</code> to build the project. The build artifacts will be stored in the <code class="language-plaintext highlighter-rouge">dist/</code> directory. Use the <code class="language-plaintext highlighter-rouge">--prod</code> flag for a production build.</p>
<h2 id="running-unit-tests">Running unit tests</h2>
<p>Run <code class="language-plaintext highlighter-rouge">ng test</code> to execute the unit tests via <a href="https://karma-runner.github.io">Karma</a>.</p>
<h2 id="running-end-to-end-tests">Running end-to-end tests</h2>
<p>Run <code class="language-plaintext highlighter-rouge">ng e2e</code> to execute the end-to-end tests via <a href="http://www.protractortest.org/">Protractor</a>.</p>
<h2 id="deploy-web-app-to-firebase-hosting">Deploy Web App to firebase Hosting</h2>
<p>Run <code class="language-plaintext highlighter-rouge">npm run deploy</code> And It will deploy a production version to firebase hosting and you will be running the web app on the firebase.</p>Yash Goyalyashgo0018@gmail.comThis is a accounting web app that can serve the purpose of tally. This is developed with angular and firebase. View Demo