MemeWatch - Memecoin News Platform

A comprehensive news platform for tracking and analyzing meme coins, built with React, Express, and TypeScript.

Project Overview

MemeWatch is a full-stack web application that provides:

• Real-time memecoin news and updates
• Market analysis and tracking
• Trading tools and resources
• Job listings and community features

Tech Stack

Frontend

• React 18
• TypeScript
• Tailwind CSS
• Shadcn/ui components
• Wouter (routing)
• React Query (data fetching)

Backend

• Node.js
• Express
• PostgreSQL with Drizzle ORM
• WebSocket for real-time updates

Prerequisites

• Node.js 20 or higher
• PostgreSQL 16 or higher
• npm (Node Package Manager)

Getting Started

1. Clone the repository and navigate to the project directory

2. Install dependencies:

npm install

3. Set up environment variables: Create a .env file in the root directory with the following variables:

DATABASE_URL=postgresql://user:password@localhost:5432/memewatch
VITE_DEV_SERVER_HOST=0.0.0.0
VITE_DEV_SERVER_PORT=5000
VITE_PORT=5000

4. Initialize the database:

npm run db:push

5. Start the development server:

npm run dev

The application will be available at http://0.0.0.0:5000

Project Structure

├── client/                 # Frontend application
│   ├── src/
│   │   ├── components/    # Reusable UI components
│   │   ├── hooks/        # Custom React hooks
│   │   ├── lib/          # Utility functions
│   │   ├── pages/        # Application pages
│   │   └── types/        # TypeScript type definitions
├── server/                # Backend application
│   ├── auth.ts           # Authentication logic
│   ├── routes.ts         # API routes
│   └── index.ts          # Server entry point
└── db/                   # Database configuration
    ├── index.ts          # Database connection
    └── schema.ts         # Database schema

Features

News Section

• Breaking Updates
• Memecoin News
• General Crypto News
• Editorial Content
• Press Releases

Market Tools

• Top Tokens Tracking
• Gainers & Losers
• New Memecoin Listings
• Chain Listings
• Scam Alerts
• Watchlist

Products

• Trading Academy
• Crypto Glossary
• Premium Content
• Newsletter

Services

• Token Advertising
• Market Analytics
• Content Writing
• Research Reports

Development Workflow

1. Frontend development:

   • Components are in client/src/components
   • Pages are in client/src/pages
   • Styles use Tailwind CSS

2. Backend development:

   • API routes are in server/routes.ts
   • Database operations use Drizzle ORM
   • WebSocket integration for real-time updates

3. Database changes:

   • Modify schema in db/schema.ts
   • Run npm run db:push to update database

API Documentation

The API provides endpoints for:

1. News Management

   • GET /api/news - Get latest news
   • GET /api/news/breaking - Get breaking news
   • POST /api/news - Create news article (authenticated)

2. Market Data

   • GET /api/market/tokens - Get top tokens
   • GET /api/market/gainers - Get top gainers
   • GET /api/market/losers - Get top losers

3. User Management

   • POST /api/auth/login - User login
   • POST /api/auth/register - User registration
   • GET /api/user/profile - Get user profile

Deployment

The application is configured for deployment on Replit:

1. Production build:

npm run build

2. Start production server:

npm run start

Contributing

1. Create a new branch for features
2. Follow the established code style
3. Write clear commit messages
4. Submit pull requests for review

License

This project is licensed under the MIT License.