https://github.com/arkorty/booststats-frontend
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/booststats-frontend
bun eslint nextjs shadcn-ui tailwindcss typescript
Last synced: 2 months 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/booststats-frontend
- Owner: arkorty
- License: mit
- Created: 2024-11-02T01:40:52.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-19T14:33:09.000Z (over 1 year ago)
- Last Synced: 2025-04-02T16:48:59.172Z (about 1 year ago)
- Topics: bun, eslint, nextjs, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://booststats.webark.in
- Size: 1.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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-frontend.git
cd booststats-frontend
```
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.