Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lbaiyat/portshipmentsdashboard

This is a Full Stack application using C# ASP.NET, SQLite, and React.js to display tables and visuals for port shipment data. [DOCUMENTED]
https://github.com/lbaiyat/portshipmentsdashboard

aspnet csharp d3 dashboard full-stack reactjs rest-api sqllite3

Last synced: 20 days ago
JSON representation

This is a Full Stack application using C# ASP.NET, SQLite, and React.js to display tables and visuals for port shipment data. [DOCUMENTED]

Host: GitHub
URL: https://github.com/lbaiyat/portshipmentsdashboard
Owner: lbaiyat
Created: 2024-05-02T14:45:02.000Z (7 months ago)
Default Branch: master
Last Pushed: 2024-05-31T00:27:44.000Z (6 months ago)
Last Synced: 2024-10-05T10:58:23.353Z (about 1 month ago)
Topics: aspnet, csharp, d3, dashboard, full-stack, reactjs, rest-api, sqllite3
Language: JavaScript
Homepage:
Size: 4.81 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Port Shipments Dashboard

Overview

Instructions

Pages
- Shipments Data
- Analytics Dashboard

Overview:

This is a full-stack application created using an ASP.NET back-end, React.js front-end,
with additional technologies and frameworks. The application itself is a dashboard that
displays data and analytics for international port shipments.

Instructions:

Getting this application running is seperated into two parts:

Initializing the API and SQLite database

Initializing the UI

API and Database Setup

Running the API

Run the dotnet API from the /api directory

```bash
cd api;
dotnet run;
```

Running the dotnet API for the first time should restore the dotnet package references,
initialize the sqlite database, and run the database schema migrations.

Loading the Database

You can load the csv data into the database table by running the commands below.

```bash
sqlite3 myapp.db;
.read sql/loadCsvData.sql
```

Once the API is running and the database table has been loaded, the API endpoints
should now be working.

UI Setup

Running the UI

Run the React UI from the /ui directory in a separate terminal.

```bash
cd ui;
npm run start;
```

Accessing the Application

Once the API and UI are both running, you should be able to access the webpage hosted by the React application.