Day 3 - Login Toggle UI 🔐

This is Day 3 of my 30-Day React Relearning Journey. The focus of this project is to:

• Practice conditional rendering in React
• Use useState to toggle login status
• Build a UI that changes based on the component state
• Style dynamic states using Tailwind CSS

---

🚀 What I Learned

✅ How to use useState to track login state
✅ How to apply conditional rendering using ternary operators
✅ How to change component output and styling dynamically
✅ Importance of managing simple boolean state in UI
✅ Better understanding of real-world login flows

---

🧠 Tech Stack

• React (JavaScript)
• Vite
• Tailwind CSS
• Github
• Vscode

---

📸 Preview

---

🛠️ Installation & Running Locally

git clone https://github.com/Qasim-Rokeeb/login-toggle-app.git
cd login-toggle-app
npm install
npm run dev

---

🌐 Deployment

This project is deployed on Vercel — Live Link

---

🔮 What's Next?

Tomorrow (Day 4), I’ll learn about lifting state up by building a Two-Way Binding Form with shared parent-child communication.

Stay tuned!

---

🙋‍♂️ About Me

• 🔗 Portfolio: qasimrokeeb.vercel.app
• 🐦 Twitter: @qasimrokeeb
• 💻 GitHub: Qasim-Rokeeb

---

Made with 💻 by Qasim Rokeeb