<h2>Overview</h2>
<p>Habit Tracker is a project developed for CS50's Introduction to Computer Science Course. It is a web application designed to help users track their habits. Users can create an account, authenticate using various methods, add, edit, and delete habits, mark habits as completed, failed, or skipped, visualize weekly performance, customize the app, toggle dark mode, choose different languages, and more.</p>
<h2>Features</h2>
<ul>
<li><strong>Account Creation</strong>: Users can create an account using email and password.</li>
<li><strong>Authentication Options</strong>: Support for authentication via Facebook, GitHub, and Google.</li>
<li><strong>Guest Login</strong>: Users can also log in as a guest.</li>
<li><strong>Habit Management</strong>: Add, edit, and delete habits with status options.</li>
<li><strong>Performance Visualization</strong>: Weekly performance displayed in a bar chart.</li>
<li><strong>Summary View</strong>: Brief summary of performance for last week, current week, current day, and all-time.</li>
<li><strong>Customization</strong>: Customize the app by changing colors, toggling dark mode, and selecting language.</li>
<li><strong>Tech Stack</strong>: Built using React, React Query, React Router, React Hook Form, Material UI, and Firebase.</li>
</ul>
<h3>Getting Started</h3>
<ol>
<li>Clone the repository and install dependencies:</li>
</ol>
<pre><code class="language-bash">git clone [repository_url]
cd directory_name
npm install
</code></pre>


<h2>Overview:</h2>
<p>Deploying a Vite app to GitHub Pages using GitHub Actions can streamline the process of hosting your web application. This tutorial provides a step-by-step guide on scaffolding a new Vite app, creating a GitHub repository, setting up deployment workflows, enabling GitHub Pages, and fixing asset links for successful deployment.</p>
<h2>Features:</h2>
<ul>
<li><strong>Scaffold a New Vite App and Init Git:</strong> Quickly set up a new Vite app and initialize a git repository for version control.</li>
<li><strong>Create Deployment Workflow:</strong> Automate the deployment process by creating a deployment workflow file.</li>
<li><strong>Enable GitHub Pages:</strong> Easily host your web application on GitHub Pages with simple configuration settings.</li>
<li><strong>Fix Assets Links:</strong> Resolve issues with asset links by adjusting paths in the vite.config.js file.</li>
</ul>
<h2>Summary:</h2>
<p>The process of deploying a Vite app to GitHub Pages using GitHub Actions involves setting up the app, creating a repository, configuring deployment workflows, enabling GitHub Pages, and fixing asset links. By following the step-by-step instructions provided in the tutorial, users can effectively deploy their Vite apps and make them accessible online.</p>


Sitek94

Habit Tracker App

Vite Deploy Demo