Crypto Prices, but with how many times you checked them today
CryptoMind in action: tracking checking behavior while displaying real-time crypto prices
Many people check crypto prices too often, leading to addiction. This app tracks how many times you check crypto prices today, providing insights, statistics, and tips to help you reduce addiction by integrating awareness into your checking frequency and helping you manage your crypto habits.
- 📊 Real-time Crypto Prices: Live cryptocurrency price tracking
- 🔢 Checking Frequency Counter: Tracks how many times you've checked prices today
- 📈 Behavioral Analytics: Visualize your checking patterns over time
- 🧠 Addiction Awareness: Insights and tips to help reduce compulsive checking
- 📱 Modern UI: Dark, stylish, and responsive design
- 💾 Local Data Storage: All tracking data stored locally for privacy
Chart addict awareness app
Concept: dark stylish modern crypto price list table app, but it tracks checking frequency, and logging and visualize with localStorage.
Impact: Behavioral improvement for crypto investors avoiding addiction.
Uniqueness: Psychology meets local data persistence.
- Node.js (v18 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yuis-ice/crypto-addiction-awareness.git
cd crypto-addiction-awareness- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
npm run buildThe built files will be in the dist directory.
- Frontend: React 18.3.1 with TypeScript
- Build Tool: Vite 5.4.2
- Styling: Tailwind CSS 3.4.1
- Icons: Lucide React
- Data Storage: localStorage (client-side)
- Linting: ESLint 9.9.1
src/
├── components/ # React components
│ ├── BehaviorInsights.tsx # Addiction awareness insights
│ ├── CheckingChart.tsx # Frequency visualization
│ ├── CheckingStats.tsx # Statistics display
│ └── CryptoTable.tsx # Crypto price table
├── hooks/ # Custom React hooks
│ ├── useCheckingTracker.ts # Checking frequency logic
│ └── useCryptoData.ts # Crypto data fetching
├── types/ # TypeScript type definitions
│ └── index.ts
├── utils/ # Utility functions
│ └── storage.ts # localStorage helpers
├── App.tsx # Main application component
├── main.tsx # Application entry point
└── index.css # Global styles
This application combines real-time cryptocurrency price tracking with behavioral psychology to help users become more aware of their checking habits. By displaying a counter that increments each time you view the prices, it creates conscious awareness of potentially addictive behaviors.
- Track: Every time you open the app, it increments your daily checking counter
- Visualize: Charts and statistics show your checking patterns over time
- Reflect: Behavioral insights help you understand your habits
- Improve: Awareness naturally leads to more mindful checking behavior
- Automatic counting when app is opened
- Daily, weekly, and monthly statistics
- Visual charts showing patterns over time
- Personalized tips based on your checking frequency
- Psychology-backed advice for reducing addiction
- Progress tracking and milestone celebrations
- Real-time price updates for major cryptocurrencies
- Clean, modern table interface
- Price change indicators
We welcome contributions! Please see our Contributing Guidelines for details.
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes
- Run linting:
npm run lint - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
If this project helps you develop healthier crypto habits, please consider giving it a star!
This application is for educational and awareness purposes only. It is not financial advice, and cryptocurrency investments carry significant risks. Always do your own research and consider your financial situation before making investment decisions.
Built with ❤️ for healthier crypto habits