- Framework: Next.js 14+ (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Icons: Lucide React
- Charting: Recharts
- State Management: React Hooks (
useState
,useRef
,useEffect
) - Browser APIs: Web Speech API (
SpeechRecognition
,SpeechSynthesis
), Fetch API
Instructions to set up and run the frontend on your local machine.
- Node.js (LTS version)
- Bun (used as package manager and runtime)
- A running instance of the backend server.
-
Clone the repository:
git clone [https://github.com/geeky-sambhav/crypto-chat-frontend.git](https://github.com/geeky-sambhav/crypto-chat-frontend.git) cd crypto-chat-frontend
-
Install dependencies:
bun install
-
Set up environment variables: This project requires a connection to its backend. Create a
.env
file in the root directory:touch .env
Open the
.env
file and add the following line, pointing to the local backend server's URL:NEXT_PUBLIC_API_URL=http://localhost:8000
- Make sure your backend server is running.
- Start the frontend development server. We use port
3000
bun run dev
- Open http://localhost:3000 in your browser to see the application.