Skip to content

Latest commit

 

History

History
93 lines (70 loc) · 2.45 KB

README.md

File metadata and controls

93 lines (70 loc) · 2.45 KB

SafeSwap Frontend 🔄

A modern web marketplace built with Next.js, leveraging blockchain technology for secure escrow-based transactions.

Tech Stack 🛠

Project Structure 📁

frontend/
├── app/           # Next.js app router
├── components/    # React components
│   └── ui/        # shadcn/ui components
├── lib/           # Utilities
├── styles/        # Global styles
└── instructions/  # Cursor AI guidelines
    └── instructions.md    # Project specifications
.cursorrules      # Development standards

Development Guidelines 📋

Instructions.md

The instructions.md file serves as a blueprint for Cursor AI, defining:

  • Project overview and core functionalities
  • Component specifications
  • Feature requirements
  • Implementation details

.cursorrules

The .cursorrules file defines coding standards and development guidelines:

  • TypeScript configurations and best practices
  • Component structure and naming conventions
  • Testing requirements
  • Code formatting rules via Biome
  • Project architecture patterns

Getting Started 🚀

  1. Install dependencies:
npm install
  1. Run development server:
npm run dev

Open http://localhost:3000

Available Scripts

  • npm run dev - Start development server
  • npm run build - Create production build
  • npm run start - Start production server
  • npm run lint - Run Biome linter

Component Usage

import { Button } from "@/components/ui/button"

// Use shadcn/ui components
<Button variant="outline">Click me</Button>

Development Guidelines

  • Use TypeScript for type safety
  • Follow Biome linting rules
  • Components should be accessible
  • Use Tailwind CSS for styling
  • Prefer server components unless client interactivity needed

Learn More

License

MIT License