We have created a SharePoint-Hosted Add-in, Country and States. Here are the steps to create it.
Below are the steps to Deploy and Install SharePoint-Hosted Add-ins.
Create App Catalog. Here is a link to create App Catalog.
Package the Add-in and upload it to App Catalog.
Open your project in Visual Studio,right click the project in Solution Explorer and click Publish.
Click Package the App. You can also see “Package the add-in” button depending on the version of Visual Studio.
An .app file will be created and stored in the solution’s bin\Debug\app.publish\app-version-number.
Open App Catalog and select Apps for SharePoint (or SharePoint Add-ins as per your SharePoint version) on Quick Launch bar. Upload the .app file in this library.
Install the add-in
Go to your site collection. SettingsAdd an App From your organization. Click on your App.
Trust your Add-in
Site Contents page will automatically open showing that your add-in is still installing. You can see it in grey color as well. Once done, you can click it and start using it. You will not be able to see your lists separately in your site and can access then only via your add-in.
Akanksha's Blog 