🪪 snoaw-auth

A plug-and-play React authentication wrapper that handles signup, login, and logout using localStorage. No backend or external state required.

📦 Installation

npm install snoaw-auth

🚀 Quick Usage

Wrap your app in the <AuthLayer /> tag. No state management or routing required — login, signup, and logout are handled inside.

import React from "react";
import { AuthLayer, LogoutButton } from "snoaw-auth";

function App() {
  return (
    <AuthLayer>
      <h1>My App</h1>
      <LogoutButton />
    </AuthLayer>
  );
}

export default App;

✅ This handles:

• User registration
• User login
• Login state using localStorage
• Logout via a ready-made <LogoutButton />

🧠 API Summary

🔲 <AuthLayer /> (default export)

• Renders login/signup form automatically
• Stores user info and login state in localStorage
• Rerenders app after login/logout

🔘 <LogoutButton />

• Logs out the current user
• Refreshes the page or resets view

⚠️ Not for Production

This library uses localStorage and stores passwords in plain text. It's meant for:

• Demos
• Prototypes
• Learning projects

Do not use in production apps.

📄 License

MIT © \ NKiko Hertier