REST Client App

A lightweight Postman-like REST client built with Next.js, featuring authentication, request history, and environment variables.

Features

• 🔒 Authentication with Firebase
• 🌐 Multi-language support (i18n)
• 📝 REST Client with:
  • HTTP method selection
  • URL input
  • Request body editor (JSON/text)
  • Headers management
  • Response viewer
  • Code generation (cURL, Fetch, etc.)
• 📚 Request History stored in localStorage
• 🔧 Environment Variables support
• 🎨 Modern UI with Tailwind CSS and shadcn/ui
• � Full test coverage with Playwright

Tech Stack

• Framework: Next.js (App Router)
• Styling: Tailwind CSS + shadcn/ui
• State Management: Zustand
• Authentication: Firebase
• Testing: Playwright
• Internationalization: next-intl

Getting Started

Prerequisites

• Node.js 18+
• Firebase project with Authentication enabled
• Git

Installation

1. Clone the repository:

   git clone https://github.com/noisekov/rest-client-app.git
   cd rest-client-app

2. Install dependencies:

   npm install

3. Create a .env file in the root directory and add your Firebase config:

   NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-project.firebaseapp.com
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-bucket.appspot.com
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-sender-id
   NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

Scripts

• dev: Start development server
• build: Build for production
• start: Start production server
• lint: Run ESLint
• prettier-fix: Format code with Prettier
• test: Run Playwright tests
• coverage: Generate test coverage report

Testing

We use Playwright for end-to-end testing. To run tests:

npm run test

To view test coverage:

npm run coverage

Deployment

The app deployed to Netlify

Team

• Team Member Vladimir
• Team Member Sergey
• Team Member Larisa

Acknowledgments

• RS School for the project idea
• Postman for inspiration
• shadcn/ui for beautiful components