<h1>ZTM-Coffee-Connoisseur Project</h1>
<p><a href="https://ztm-coffee-connoisseur.vercel.app/">Website</a></p>
<p>This is the first NextJS WebApp project committed from the <a href="https://www.udemy.com/course/complete-nextjs-developer-zero-to-mastery/">ZTM NextJS Course</a>.</p>
<p>The WebApp lets you find coffee stores near your location (Palermo set as default), the user can navigate through various coffee stores gathering their information such as it's name or address and can leave a star to upvote the coffee store.</p>
<h3>Built With</h3>
<p>These are the major frameworks/APIs used in this project.</p>
<ul>
<li>NextJS</li>
<li>Foursquare</li>
<li>Airtable</li>
<li>Unsplash</li>
</ul>
<h2>How it works</h2>
<p>Coffee stores data is gathered through Foursquare API, images are taken from Unsplash API, it is statically served for Palermo as the index default stores location, and dynamically served when user searches stores near himself, at first the store data is serverside rendered, then it's data is cached inside an Airtable base to be used when the same store is visited.</p>
<h2>Getting Started</h2>
<ul>
<li>Clone the repo:</li>
</ul>
<pre><code>git clone https://github.com/Okazakee/ZTM-coffee-connoisseur.git
</code></pre>
<ul>
<li>Install dependencies:</li>
</ul>
<pre><code>npm -i
# or
yarn
</code></pre>
<ul>
<li>Run the development server:</li>
</ul>
<pre><code>npm run dev
# or
yarn dev
</code></pre>
