BTC Price Prediction - The 4chan Prophecy

A website that visualizes and predicts Bitcoin price cycles based on the legendary 4chan /biz/ pattern, extrapolating predictions to the year 3000.

🔮 About

This project is based on a pattern discovered in Bitcoin's historical price movements, originally posted on 4chan's /biz/ board. The pattern shows remarkable consistency:

• ATL → ATH: ~1064 days (Bull market)
• ATH → ATL: ~366 days (Bear market)

The website extrapolates this pattern forward through the year 3000, providing:

• Timeline visualization with Chart.js
• Detailed cycle predictions with price estimates
• Individual pages for each predicted cycle event
• Historical context and methodology explanation

View Original 4chan Post

🚀 Tech Stack

• Framework: Astro 5.2.5
• Styling: Tailwind CSS 3.4.0
• Typography: @tailwindcss/typography
• Charts: Chart.js 4.4.0
• Fonts: Inter & JetBrains Mono (Google Fonts)
• Language: TypeScript

📁 Project Structure

/
├── public/
│   └── favicon.svg              # Site favicon
├── src/
│   ├── data/
│   │   └── cycles.ts            # Core logic: cycle calculation & data
│   ├── layouts/
│   │   └── Layout.astro         # Base layout with nav & footer
│   ├── pages/
│   │   ├── index.astro          # Homepage with timeline
│   │   ├── about.astro          # About page & methodology
│   │   └── cycle/
│   │       └── [year].astro     # Dynamic route for cycle details
│   └── components/              # (Empty - components inline in pages)
├── astro.config.mjs             # Astro configuration
├── tailwind.config.mjs          # Tailwind custom theme
├── tsconfig.json                # TypeScript configuration
└── package.json                 # Dependencies & scripts

🎨 Features

Homepage

• Hero section with next predicted event countdown
• Interactive Chart.js timeline visualization
• Grid of upcoming cycles (clickable cards)
• Explanation of the 4chan prophecy
• Responsive design with dark crypto theme

Dynamic Cycle Pages

• Individual pages for each prediction (generated at build time)
• Detailed event information (date, price estimate, cycle length)
• Pattern explanation specific to ATH/ATL events
• Links to original post and methodology

About Page

• Historical pattern analysis
• Methodology explanation
• Why the pattern matters
• Important disclaimers

Custom Theme

Custom Tailwind colors:

• crypto-dark: #0a0a0a
• crypto-gray: #1a1a1a
• crypto-light: #2a2a2a
• crypto-green: #10b981
• crypto-orange: #f97316
• crypto-blue: #3b82f6

Custom animations: pulse-slow, glow

🧞 Commands

All commands are run from the root of the project:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

🛠️ Development

1. Clone the repository

   git clone git@github.com:temaprint/btcpriceprediction.dev.git
   cd btcpriceprediction.dev

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open your browser Navigate to http://localhost:4321

📊 How It Works

Data Generation (src/data/cycles.ts)

1. Historical Events: Hard-coded actual Bitcoin ATH/ATL events from 2017-2022
2. Known Future Cycles: Predefined cycles through 2030 with specific dates and prices
3. Generated Cycles: Algorithm generates cycles to year 3000 using:
   • Alternating pattern (ATH → ATL → ATH...)
   • Fixed day intervals (1064 for bull, 364 for bear)
   • Exponential price growth model

Static Site Generation

Astro generates:

• Main pages (index, about) at build time
• Dynamic routes for all cycles (2017-3000) using getStaticPaths()
• Optimized, zero-JS pages (Chart.js loads only on homepage)

🔍 SEO Features

This site is fully optimized for search engines and social sharing:

Technical SEO

• ✅ XML Sitemap: Auto-generated with @astrojs/sitemap
• ✅ Robots.txt: Properly configured for crawler access
• ✅ Canonical URLs: Unique canonical on every page
• ✅ Meta Tags: Complete title, description, keywords
• ✅ Structured Data: Schema.org JSON-LD (WebSite, Article, FAQ)
• ✅ Open Graph: Full OG tags for Facebook/LinkedIn sharing
• ✅ Twitter Cards: Optimized for Twitter sharing
• ✅ PWA Manifest: Progressive Web App support
• ✅ Humans.txt: Credits and team information

Performance SEO

• ⚡ Static site generation (blazing fast)
• 📱 Mobile-first responsive design
• 🎨 Minimal JavaScript footprint
• ♿ Semantic HTML structure
• 🔗 Internal linking strategy

Content SEO

• 📝 Unique content for each page
• 🎯 Targeted keywords: bitcoin, cryptocurrency, price prediction
• 📊 FAQ structured data on homepage
• 🔗 Link to original source (4chan post)
• 📄 About page with methodology

See SEO-CHECKLIST.md for complete details.

🌐 Deployment

The site is configured for deployment with:

• Site URL: https://btcpriceprediction.dev
• Build format: Directory (SEO-friendly URLs)
• Sitemap: Auto-generated at /sitemap-index.xml

Ready to deploy to:

• Vercel
• Netlify
• Cloudflare Pages
• Any static hosting service

Pre-Launch Checklist

1. Replace placeholder og-image.jpg with actual 1200x630px image
2. Update repository URL in package.json
3. Test social sharing cards
4. Validate structured data with Google Rich Results Test
5. Submit sitemap to Google Search Console

⚠️ Disclaimer

This website is for educational and entertainment purposes only.

• Not financial advice
• Past performance ≠ future results
• Cryptocurrency markets are highly volatile
• Always DYOR (Do Your Own Research)
• Never invest more than you can afford to lose

📝 License

This project is open source and available under the MIT License.

🔗 Links

• Astro Documentation
• Tailwind CSS Documentation
• Chart.js Documentation
• Original 4chan /biz/ Thread

---

Built with 🧡 by crypto enthusiasts, for crypto enthusiasts