Skip to content

Hordekiller/atlas-login

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Tailwind CSS Vite MIT License

🔐 Atlas Login | اتلس لاگین

A modern, stylish, and responsive login page built with React + Tailwind CSS

Built by Hordekiller



✨ Features | ویژگی‌ها

  • Modern design with Glassmorphism effect — طراحی مدرن با افکت شیشه‌ای
  • Beautiful purple-pink gradientگرادینت زیبا بنفش-صورتی
  • Fully responsive & mobile-friendly — ریسپانسیو و سازگار با موبایل
  • Full RTL (right-to-left) support for Persian — RTL کامل (راست‌چین) برای زبان فارسی
  • Show/Hide password toggle — نمایش/مخفی کردن رمز عبور
  • Social login buttons (Google, GitHub, Facebook) — دکمه‌های ورود با شبکه‌های اجتماعی
  • Smooth animations & hover effects — انیمیشن‌های نرم و hover effects
  • Lightweight (Tailwind CSS) — سبک (با Tailwind CSS)

🛠 Tech Stack | تکنولوژی‌ها

Technology توضیحات
React 19 Frontend library — کتابخانه فرانت‌اند
Tailwind CSS 4 Utility-first CSS framework — فریمورک CSS کاربردی
Vite 8 Fast build tool — بیلدر سریع

📂 Project Structure | ساختار پروژه

atlas-login/
├── index.html          # Standalone HTML  / فایل HTML مستقل
├── dist/               # Build output / خروجی بیلد شده
├── src/
│   ├── App.jsx         # Main login component / کامپوننت اصلی صفحه لاگین
│   ├── main.jsx        # React entry point / نقطه ورود React
│   ├── index.css       # Tailwind styles / استایل‌های Tailwind
│   └── assets/         # Static files / فایل‌های استاتیک
├── public/             # Public files / فایل‌های عمومی
├── package.json
├── vite.config.js
├── LICENSE
└── README.md

⚡ Quick Start | شروع سریع

# Clone the repo / کلون کردن پروژه
git clone https://github.com/Hordekiller/atlas-login.git
cd atlas-login

# Install dependencies / نصب وابستگی‌ها
npm install

# Start dev server / اجرای سرور توسعه
npm run dev

# Build for production / ساخت نسخه نهایی
npm run build

# Preview the build / پیش‌نمایش نسخه ساخته شده
npm run preview

☁️ Deploy to GitHub Pages | استقرار در GitHub Pages

The standalone index.html is located in the project root and can be easily deployed on GitHub Pages:

نسخه HTML مستقل (index.html) در روت پروژه قرار دارد و می‌توانید آن را به راحتی روی GitHub Pages مستقر کنید:

  1. Go to Settings > Pages of your repo — به Settings > Pages ریپازیتوری بروید
  2. Under Source, select Deploy from a branch — در بخش Source گزینه Deploy from a branch را انتخاب کنید
  3. Choose branch main and folder / (root) — برنچ main و مسیر / (root) را انتخاب کنید
  4. Click Save — روی Save کلیک کنید

📜 License | لایسنس

This project is released under the MIT License. You are free to use it, but please give credit to Hordekiller.

این پروژه تحت لایسنس MIT منتشر شده است. می‌توانید آزادانه از آن استفاده کنید، اما لطفاً اعتبار را به Hordekiller بدهید.


Made with ❤️ by Hordekiller

About

A modern, stylish, and responsive login page built with React + Tailwind CSS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors