FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Abdullah7826
Abdullah7826ASKNOVA
Public
Like
ASKNOVA
Home
Code
2
README.md
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/28/2025
Viewing readonly version of main branch: v2
View latest version
README.md

AskNova - Modern ChatGPT Clone

A beautiful, responsive ChatGPT-style web application with enhanced visual aesthetics and smooth user experience.

Features

  • šŸŽØ Modern Neumorphism/Dark Mode design with theme toggle
  • šŸ’¬ Real-time chat interface with typing indicators
  • šŸ¤– OpenAI GPT integration with fallback mock responses
  • šŸ“± Fully responsive design (mobile/tablet/desktop)
  • ✨ Smooth animations and micro-interactions
  • šŸŒ™ Dark/Light mode toggle
  • šŸ“œ Scrollable conversation history with auto-scroll

Project Structure

ā”œā”€ā”€ backend/
│   └── index.ts           # Hono API server
ā”œā”€ā”€ frontend/
│   ā”œā”€ā”€ index.html         # Main HTML template
│   ā”œā”€ā”€ index.tsx          # React app entry point
│   ā”œā”€ā”€ components/
│   │   ā”œā”€ā”€ App.tsx        # Main app component
│   │   ā”œā”€ā”€ ChatBubble.tsx # Individual message component
│   │   ā”œā”€ā”€ ChatInput.tsx  # Message input component
│   │   └── ThemeToggle.tsx # Dark/light mode toggle
│   └── style.css          # Global styles
ā”œā”€ā”€ shared/
│   └── types.ts           # Shared TypeScript types
└── README.md

API Endpoints

  • GET / - Serves the main application
  • POST /api/chat - Handles chat messages and AI responses
  • GET /frontend/* - Serves frontend assets
  • GET /shared/* - Serves shared utilities

Environment Variables

  • OPENAI_API_KEY - OpenAI API key (optional, falls back to mock responses)

Usage

The application automatically serves on the root path. Simply visit the URL to start chatting with AskNova!

Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesVersion controlCLIAI agentsCode intelligenceSlack integrationsGTMPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
Ā© 2025 Val Town, Inc.