Skip to content

README.md

Latest commit

 

History

History
74 lines (46 loc) · 1.59 KB

README.md

File metadata and controls

74 lines (46 loc) · 1.59 KB

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

App 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

Made with 💻 by Qasim Rokeeb