https://github.com/dzaky-pr/dynamic-charts-project
The "Dynamic Charts Project" focuses on researching dynamic data visualization using charts based on user input. The output is a Next.js web app that allows users to input data, such as X and Y axes, and choose the type of chart (e.g., bar, pie, etc.) to visually represent the data.
https://github.com/dzaky-pr/dynamic-charts-project
apex-charts chart-dashboard chart-research dashboards nextjs14 reactjs18 shadcn-charts shadcn-ui tailwindcss
Last synced: 3 months ago
JSON representation
The "Dynamic Charts Project" focuses on researching dynamic data visualization using charts based on user input. The output is a Next.js web app that allows users to input data, such as X and Y axes, and choose the type of chart (e.g., bar, pie, etc.) to visually represent the data.
- Host: GitHub
- URL: https://github.com/dzaky-pr/dynamic-charts-project
- Owner: dzaky-pr
- License: other
- Created: 2025-01-03T08:40:42.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-21T16:15:38.000Z (5 months ago)
- Last Synced: 2025-01-21T17:26:15.054Z (5 months ago)
- Topics: apex-charts, chart-dashboard, chart-research, dashboards, nextjs14, reactjs18, shadcn-charts, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://dynamic-charts-project.vercel.app
- Size: 412 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next-JS Template Repository
## Getting Started
### 1. Clone this repo using one of the two ways:
1. Using bash or other terminal
```
git clone https://github.com/tapeds/next-template.git
```
2. By clicking use this template
### 2. Install dependencies
It is encouraged to use **pnpm** so the husky hooks can work properly.
```bash
pnpm install
```
### 3. Run the development server
You can start the server using this command:
```bash
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `src/app/page.tsx`.
### 4. Change all default settings marked by !CHANGETHIS
You can find the settings you need to change by searching !CHANGETHIS and follow the instruction. You also need to change the name in `package.json` file.
### 5. Commit message
This template uses the conventional commit specification for better readability and clarity. It is mandatory to use conventional commit messages. Read more about conventional commits [here](https://www.conventionalcommits.org/en/v1.0.0/).