Dashboard_UI_Template — React Admin dashboard Template

SHA-256: 6f8e41f21c08cd12b5d2e0433dc54717adbb8bf31ae7ac08ec06df92efc4dea0

2026-10-13T20:25:28.714Z

## Overview
This repository contains the code for the Dashboard, a web template developed as part of a frontend test for a company. The dashboard provides various features, including a Profile Dashboard, Create New Graph Page, Graph Details Page, Account Settings, and a Pricing page. The application is built using TypeScript, React, and Tailwind CSS.

## Website Link
[Genoshi Dashboard](https://genoshi-three.vercel.app/)

## Features

### Profile Dashboard
- User profile details: name, email, profile photo, bio
- Account details: current subscription plan & status
- Usage metrics: graphs created, graphs shared, papers collected
- Recent activity feed: show recent graphs, collections, queries
- List of saved graphs with title, date created, preview thumbnail
- Links to Favourites and Collections pages

### Create New Graph Page
- Form to specify graph title and description
- Upload papers
- View graph visualization preview

### Graph Details Page
- Display graph title, description, date created
- Button to view the graph
- List of papers shown in the graph
- Buttons to edit (remove/favourite papers), share, or delete a graph

### Account Settings
- Update user profile details
- Change password
- Manage subscription plan
- Link third-party accounts like Google

### Pricing Page
- Basic page displaying pricing plans
- Responsive grid with 3 pricing plan cards

## Getting Started Locally
To run the Genoshi Dashboard locally, follow these steps:

1. Clone the repository:
   ```bash
   git clone <repository-url>
   ```

2. Navigate to the dashboard directory:
   ```bash
   cd dashboard
   ```

3. Install dependencies:
   ```bash
   npm install
   ```

4. Run the application:
   ```bash
   npm run start
   ```

5. Access the website at [http://localhost:3000](http://localhost:3000) in your browser.

## Technologies Used
- TypeScript
- React
- Tailwind CSS

## License
This project is licensed under the [MIT License](LICENSE). Feel free to use and modify the code as needed. If you make significant improvements, consider contributing them back to the original repository.