Medium Stats

Live: el3um4s.github.io/medium-stats/

My experiments about how to get better Medium Stats.

I'm blogging about the development process in these posts:

• How to Get Medium Stats With JavaScript and Svelte Part 1: Medium - Strani Anelli
• How To Create Responsive Data Tables With CSS Grid: Medium - Strani Anelli
• How to Get Medium Stats With JavaScript and Svelte Part 2: Medium - Strani Anelli
• Visualize Your Medium Stats With Svelte and JavaScript: Medium - Strani Anelli

Note that you will need to have Node.js installed.

Get started

Clone the repository and then install the dependencies...

npm install

...then start Rollup:

npm run dev

Navigate to localhost:8080. You should see your app running.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Building and running in production mode

To create an optimised version of the app:

npm run build

Deploying to the web

With GitHub Pages

Edit the gh-pages.js file with your info. Then, from within your project folder:

npm run build
npm run deploy

With Vercel

Install vercel if you haven't already:

npm install -g vercel

Then, from within your project folder:

cd public
vercel deploy --name my-project