https://github.com/udaykumar-dhokia/d8a
d8a is a modern data analytics platform that provides powerful visualization and analysis tools for your data.
https://github.com/udaykumar-dhokia/d8a
data-analysis data-visualization fullstack-development
Last synced: 7 months ago
JSON representation
d8a is a modern data analytics platform that provides powerful visualization and analysis tools for your data.
- Host: GitHub
- URL: https://github.com/udaykumar-dhokia/d8a
- Owner: udaykumar-dhokia
- Created: 2025-06-10T17:25:57.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-30T17:58:24.000Z (10 months ago)
- Last Synced: 2025-06-30T18:48:46.594Z (10 months ago)
- Topics: data-analysis, data-visualization, fullstack-development
- Language: TypeScript
- Homepage: https://d8a.vercel.app
- Size: 26.3 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> **Empowering data-driven decisions with beautiful, interactive analytics.**
d8a is a modern data analytics platform that provides powerful visualization and analysis tools for your data. Built with React, TypeScript, and Vite, it offers a seamless experience for data exploration and visualization.
## Screenshots
## Features
- 📊 **Interactive Visualizations**
Histogram, Box, and Scatter Plots for deep statistical analysis
- ⚡ **Real-time Data Processing**
Fast, responsive backend with Node.js and Danfo.js
- 🎨 **Modern, Clean UI**
Responsive design with Tailwind CSS and custom components
- 🔒 **Secure Data Handling**
Authentication, protected routes, and secure file uploads
- 🧩 **Modular Architecture**
Scalable codebase with clear separation of concerns
## Tech Stack
- **Frontend:** React, Vite, TypeScript, Chart.js, Tailwind CSS
- **Backend:** Node.js, Express, Danfo.js, Redis
- **DevOps:** Vercel (Frontend), RESTful API, Environment-based configs
## Getting Started
### Prerequisites
- Node.js (v16 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/udaykumar-dhokia/d8a.git
cd d8a
```
2. Install frontend dependencies:
```bash
cd frontend
npm install
```
3. Install backend dependencies:
```bash
cd ../backend
npm install
```
4. Set up environment variables:
```bash
# Frontend (.env)
VITE_API_URL=http://localhost:3000/api
# Backend (.env)
PORT=3000
SUPABASE_URL=YOUR_SUPABASE_URL
SUPABASE_KEY=YOUR_SUPABASE_KEY
SUPABASE_SERVICE_ROLE_KEY=YOUR_SUPABASE_ROLE_KEY
JWT_SECRET=YOUR_JWT_SECRET
REDIS_HOST=YOUR_REDIS_HOST
REDIS_PORT=YOUR_REDIS_PORT
REDIS_PASSWORD=YOUR_REDIS_PASSWORD
```
### Running the Application
1. Start the backend server:
```bash
cd backend
node server.js
```
2. Start the frontend development server:
```bash
cd frontend
npm run dev
```
The application will be available at `http://localhost:5173`
## Design System
### Fonts
- IBM Plex Sans (Primary font)
- IBM Plex Mono (Code blocks)
### Color Palette
1. Primary Blue - #1E3A8A
2. Dark Grey - #333333
3. Light Grey - #F2F2F2
4. White - #FFFFFF
## Development
### Project Structure
```
d8a/
├── frontend/
│ ├── src/
│ │ ├── components/
│ │ ├── api/
│ │ ├── pages/
│ │ ├── utils/
│ │ ├── layouts/
│ │ ├── context/
│ │ └── types/
│ └── public/
└── backend/
├── src/
├── routes/
├── controllers/
├── db/
├── models/
├── utils/
```
## Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## Support
For questions, feedback, or opportunities, reach out at [udaykumardhokia@gmail.com](mailto:udaykumardhokia@gmail.com) or open an issue.
---
> _Thank you for checking out d8a! If you like this project, please consider giving it a ⭐ on GitHub._