https://github.com/arkorty/cloud-skills-boost-stats

An interactive platform for displaying student progress on the Google Cloud Skills Boost platform, showcasing assignments, badges, and course completion in a user-friendly interface.
https://github.com/arkorty/cloud-skills-boost-stats

bun eslint nextjs shadcn-ui tailwindcss typescript

Last synced: 3 days ago
JSON representation

An interactive platform for displaying student progress on the Google Cloud Skills Boost platform, showcasing assignments, badges, and course completion in a user-friendly interface.

• Host: GitHub
• URL: https://github.com/arkorty/cloud-skills-boost-stats
• Owner: arkorty
• License: mit
• Created: 2024-11-02T01:40:52.000Z (4 days ago)
• Default Branch: master
• Last Pushed: 2024-11-03T10:19:36.000Z (3 days ago)
• Last Synced: 2024-11-03T11:19:49.103Z (3 days ago)
• Topics: bun, eslint, nextjs, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://booststats.vercel.app
• Size: 538 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](public/og-image.png)

# BoostStats

BoostStats is a student progress dashboard built with Next.js 15, designed to display achievements, badges, and assignment statuses. Users can search, filter, and navigate through student data on a responsive interface.

## Table of Contents

1. [Features](#features)

2. [Getting Started](#getting-started)

3. [Usage](#usage)

4. [Technologies](#technologies)

---

## Features

- Search for students by name

- Pagination for easy navigation

- Display badges, progress, and assignment statuses

- Tabs for viewing completed and in-progress assignments

- Fully responsive design

---

## Getting Started

### Prerequisites

- Node.js (14.x or higher)

- npm or bun

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/arkorty/BoostStats.git

   cd BoostStats

   ```

2. Install dependencies:

   ```bash

   npm install

   # or

   bun install

   ```

3. Start the development server:

   ```bash

   npm run dev

   # or

   bun run dev

   ```

4. Visit `http://localhost:3000` in your browser.

---

## Usage

- Search students by entering a name.

- Use pagination to move between pages.

- View assignment status and badges for each student.

---

## Technologies

- **Next.js 15**

- **TypeScript**

- **Tailwind CSS**

- **Lucide-React**

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.