Skip to content

CrypoDash is the cryptotracker website created using Postgres,react ,typescript and tailwind for the styling.

Notifications You must be signed in to change notification settings

Vaibhavkulshrestha12/CrytpoDash

Repository files navigation

CryptoTracker

CryptoTracker is a web application built using TypeScript, Tailwind CSS, and Vite. It leverages the CoinGecko API for cryptocurrency data and Supabase for backend database and authentication.

Preview

Getting Started

Clone the Repository

git clone https://github.com/Vaibhavkulshrestha12/CrytpoDash.git
cd CryptoTracker

Install Dependencies

npm install

Configure Supabase

  1. Create a project on Supabase.
  2. Copy the supabaseUrl and supabaseKey from your Supabase project settings.
  3. Create a .env file in the root directory and add the following:
VITE_SUPABASE_URL=your-supabase-url
VITE_SUPABASE_KEY=your-supabase-key

Run the Application

npm run dev

Project Structure

  • Modular Approach: Separate stores, components, and utilities.
  • Supabase: Set up for authentication and data storage.
  • Zustand: Used for state management.
  • React Router: Configured for routing.

Key Features Implemented

  • Authentication Store: Sign in, sign up, and sign out functionality.
  • Crypto Store: Managing coin data and favorites.
  • Responsive Navbar: Includes search functionality.
  • Dark Theme: Implemented with Tailwind CSS.
  • Utility Functions: For formatting prices and percentages.

Open Source

This project is completely open source and free to use.

About

CrypoDash is the cryptotracker website created using Postgres,react ,typescript and tailwind for the styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published