🚀 Authify – React Authentication Project

A React application with authentication (Register & Login) using Formik, Yup, Axios, react-hot-toast, and json-server as a fake backend.

---

📦 Features

• ✅ User registration with validation
• ✅ Login with email & password
• ✅ Error handling (email exists / wrong password)
• ✅ Toast notifications
• ✅ Responsive UI with Tailwind CSS
• ✅ Fake backend using json-server

---

🛠️ Installation & Setup

Clone the repository and install dependencies:

git clone https://github.com/cheetah-10/Authify.git
cd Authify
npm install

---

▶️ Run the project

1. Start the fake backend (json-server)

Make sure you have json-server installed globally or locally. If not installed, run:

npm install -g json-server

Now start the server:

json-server --watch db.json --port 5000

This will run the backend at: 👉 http://localhost:5000/users

---

2. Start the React app

npm run dev

By default, the app runs on: 👉 http://localhost:5173

---

📂 Project Structure

src/
  ├── assets/        # Images (avatars, icons, etc.)
  ├── components/    # Reusable components
  ├── pages/         # Login, Register, NotFound pages
  └── App.jsx        # Main entry point
db.json              # Fake backend database

---

📧 API Endpoints (via json-server)

• GET /users → Fetch all users
• POST /users → Register new user
• GET /users?email=...&password=... → Login check

---

🔧 Tools & Libraries

• React
• Formik
• Yup
• Axios
• react-hot-toast
• Tailwind CSS
• json-server

---

📸 Screenshots

🔑 Login Page

📝 Register Page

📝 Not Found Page

📝 Login Page On Small Screens

---

📜 License

This project is licensed under the MIT License.