<div class="hero ">
                <div class="hero-wrapper">
                    <div class="hero_\_img">
                    
                <img src="/_static/img/scylladb-shopping.png" />
                
                    </div>
                    <div class="hero-header">
                        <h1 class="hero_\_title">Build a shopping cart app with ScyllaDB</h1>
                        <div class="hero_\_text">
            
Sample ecommerce shopping cart API with ScyllaDB and FastAPI.

</div>
                <a href="https://github.com/scylladb/shopping-cart">
                <button class="hero_\_button button hero_\_button--bold">
                <i class='icon icon--left  icon-github' aria-hidden='true'></i>Source code
                </button>
                </a>
                </div></div></div><div class="landing_\_content landing_\_content"><div class="topics-grid grid-container full">

<div class="grid-x grid-margin-x">
            
                <div class="cell topic-box large-4">
                    <a class="card" href="getting-started.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-play-circle"></i>
            </div>
            
                <h3 class="topic-box_\_title">Getting started</h3>
                </div>
                <div class="topic-box_\_body">
            
Follow along the steps to set up a new ScyllaDB cluster and run the shopping cart API server.


            
                <div class="topic-box_\_anchor">Get started</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="data-model.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-database"></i>
            </div>
            
                <h3 class="topic-box_\_title">Data model</h3>
                </div>
                <div class="topic-box_\_body">
            
Create the database schema for your shopping cart app.


            
                <div class="topic-box_\_anchor">Learn more</div>
                
            </div>
            </a></div>
            
            
                <div class="cell topic-box large-4">
                    <a class="card" href="hands-on.md" >
                
                <div class="topic-box_\_head">
                
            <div class="topic-box_\_icon">
                <i class="icon-edit"></i>
            </div>
            
                <h3 class="topic-box_\_title">Hands-on tutorial</h3>
                </div>
                <div class="topic-box_\_body">
            
Get your hands dirty using our tutorial environment in your browser.


            
                <div class="topic-box_\_anchor">Run the app</div>
                
            </div>
            </a></div>
            </div></div></div>
