React + Vite Project

This project is built with React and Vite.

Available Scripts

In the project directory, you can run:

cd ngiab-website

Navigate to the project directory.

npm install

Installs all the dependencies required for the project.
Run this command first after cloning the repository to set up the project.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run serve

Previews the production build locally.

Quick Commands Reference

cd ngiab-website
npm install
npm start
npm run build
npm run serve

API Keys & Configuration

1. PyPI Stats (NGIAB-data-preprocess)

Purpose: Track download statistics for the NGIAB-data-preprocess Python package over the last 3 months.

How to Get the API Key:

• Visit PePy.tech
• Create an account or sign in at PePy.tech
• Open your user menu (top‑right) and go to Account → API tokens
• Click Create new token, give it a name, and copy the generated token value
• Add this value to your .env file (for local development) or GitHub repository secrets (for deployment)

Configuration:

VITE_PEPY_TECH_TOKEN=<Your PePy.tech API Token>
VITE_PEPY_TECH_BASE_URL=https://api.pepy.tech

GitHub Repository Secrets (for CI/CD deployments):

1. Go to repository Settings → Secrets and variables → Actions
2. Add the following secrets:
   • VITE_PEPY_TECH_TOKEN - Your PePy.tech API token
   • VITE_PEPY_TECH_BASE_URL - https://api.pepy.tech

What it tracks:

• Version-specific downloads (4.6.7, 4.6.6, 4.6.5, 4.6.4, 4.6.3)
• Total downloads in the last 90 days
• Daily granularity download statistics

Learn More

To learn more about the technologies used in this project:

• React Documentation
• Vite Documentation
• React Router Documentation
• Styled Components Documentation

Project Structure

This project uses:

• React 19
• Vite 6
• React Router 7
• Styled Components
• Tailwind CSS
• Axios for HTTP requests