Technologies used in this Site

Next.js logo

Next.js

A powerful React framework for server-side rendering and static site generation.

import { useRouter } from 'next/router';
TypeScript logo

TypeScript

Provides static typing for improved code quality and development efficiency.

const greeting: string = "Hello, TypeScript!";
Tailwind CSS logo

Tailwind CSS

A utility-first CSS framework for rapid UI development.

<div className="bg-gray-100 p-4">Tailwind CSS example</div>
Storybook UI logo

Storybook UI

Developing and testing components in isolation.

import { storiesOf } from '@storybook/react';
NextAuth.js logo

NextAuth.js

Handles authentication for seamless login and session management.

import { signIn } from 'next-auth/client';
Prisma ORM logo

Prisma ORM

Manages database connections with PostgreSQL for structured data.

const user = await prisma.user.findMany();
GraphQL logo

GraphQL

Efficient querying language for APIs.

query { users { id, name } }
PostgreSQL logo

PostgreSQL

Scalable relational database used to store data for the application.

CREATE TABLE users (id SERIAL PRIMARY KEY, name VARCHAR(100));
Jest logo

Jest

Testing framework for unit tests, ensuring code quality and preventing regressions.

test('adds 1 + 2 to equal 3', () => { expect(1 + 2).toBe(3); });
Cypress logo

Cypress

End-to-end testing framework for the UI.

cy.visit('/'); cy.get('.btn').click();
Swagger logo

Swagger

API documentation interface.

swagger-ui-express library setup example
ESLint & Prettier logo

ESLint & Prettier

Code linting and formatting.

const config = require('eslint-config');
LLM Integration logo

LLM Integration

Chatbot and advanced language model integration.

const response = await llm.query("Hello");