A responsive web application that simulates a basic loan request form.
🎯 This is my first official project after completing the React course 💪
🚀 From the Udemy course by Eng. Yarob Al Mostafa (Tarmeez Academy)
This project is a simple form-based React app that collects basic user data as part of a mock loan application.
It includes fields for name, phone number, age, employment status, salary selection, and a submit button.
- 🧍 Full Name input field
- 📞 Phone Number input field
- 🎂 Age input field
- 👔 Employment status (Yes/No)
- 💰 Salary range dropdown
- 📨 Submit button with basic validation
- 📱 Responsive layout
| Concept | Usage |
|---|---|
useState | Manage input values and form state |
event handling | Handle user interactions (onChange, onSubmit) |
conditional rendering | Show/hide elements based on state |
| Tool | Purpose |
|---|---|
| React | Build the interactive UI |
| HTML/CSS | Structure and style the components |
| ESLint | Code quality and linting |
| GitHub Pages | Live hosting for the project |
| MUI (optional) | UI components and layout (if used) |
- ✅ This project was completed on March 18, 2025.
- ⏳ Upload was delayed intentionally to focus on completing the full React course first.
- It's a great starter for practicing form handling in React.
-
📘 React Course on Udemy:
https://www.udemy.com/course/tarmeezacademy-react/ -
📺 Tarmeez Academy YouTube Channel:
https://www.youtube.com/@tarmeez -
👨💻 Eng. Yarob Al Mostafa on GitHub:
https://github.com/Yarob50
Maher Elmair
- 📫 maher.elmair.dev@gmail.com
- ✖️ X (Twitter)
- ❤️ Made with passion by Maher Elmair
🎥 View the project live on GitHub Pages:
🌐 https://maher-elmair.github.io/loan-application-form/
If you liked the project, please ⭐ the repository!
Feel free to open issues or submit pull requests with improvements 🙏