https://github.com/nayak-nirmalya/log-ingestor-query
FullStack Log-Ingest-Query WebApp: Next.js 14, React, Prisma, Tailwind, MongoDB & TypeScript.
https://github.com/nayak-nirmalya/log-ingestor-query
elk mongodb mongodb-atlas nextjs prisma-orm react tailwindcss typescript
Last synced: 7 months ago
JSON representation
FullStack Log-Ingest-Query WebApp: Next.js 14, React, Prisma, Tailwind, MongoDB & TypeScript.
- Host: GitHub
- URL: https://github.com/nayak-nirmalya/log-ingestor-query
- Owner: nayak-nirmalya
- Created: 2023-11-19T04:33:04.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-19T05:46:00.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T12:11:54.217Z (9 months ago)
- Topics: elk, mongodb, mongodb-atlas, nextjs, prisma-orm, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://log-ingestor-query.vercel.app
- Size: 89.8 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FullStack Log-Ingest-Query WebApp: Next.js 14, React, Prisma, Tailwind, MongoDB & TypeScript.
Deployed Instance of App in Vercel: [LINK - Click Here](https://log-ingestor-query.vercel.app/)
Features:
- Ingest high volumes of data to POST `http://localhost:3000/api`
- Sort, Query data in a tabular format
- Server Side Sort, Query, Filter & Pagination
- Responsive UI
- Fully TypeSafe with TypeScript
- Next.js 14 App Router for Handling HTTP Requests
TODO:
- Filter by Date
- Regex Filter
- Realtime Log Ingestion
- Input Filter validation with 'zod'
### Prerequisites
**Node version 18.x.x**
### Cloning the repository
```shell
git clone https://github.com/nayak-nirmalya/log-ingestor-query.git
```
### Install packages
```shell
npm install
```
### Setup .env File
```js
DATABASE_URL=
```
### Setup Prisma
Add MongoDB Database URL (MongoDB Atlas)
```shell
npx prisma generate
npx prisma db push
```
### Start the app
```shell
npm run dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :----------- | :------------------------------------------------------- |
| `dev` | Starts a development instance of the app |
| `lint` | Run lint check |
| `build` | Start building app for deployment |
| `start` | Run build version of app |
| `seed` | Seed/Ingest random dummy data in given format to the app |
| `prisma:std` | Start studio to visualize & edit database |
## Preview
### Home Screen
### Filter Single Column
### Filter Multiple Column with Partial Text Search
### Filter Multiple Column with Partial/Case-Insensitive Text with Sort & Pagination
### Global Partial Text Search
