AmtaPro

AmtaPro is a dynamic web platform designed to bridge the gap between aspiring footballers and clubs, scouts, and academies worldwide. The site offers footballers a dedicated space to build their online profile and highlight their passion for the game.

⚙️ Tech Stack

• ⚛️ React 19
• ⚡ Vite – fast development and build tool
• 🌐 React Router v7 – for page routing
• 🎨 Tailwind CSS – utility-first styling

---

📁 Folder Structure

src/
├── assets/         # Fonts, images, static files
├── components/     # Reusable UI components (e.g., Button, Navbar)
├── constants/      # Website constants (e.g., NavLinks)
├── pages/          # Route-based views
├── utils/          # Utility functions/helpers
└── App.jsx         # App entry point

---

🚀 Getting Started

7 Follow these steps to run the project locally:

# 1. Clone the repository
git clone https://github.com/mechseiko/AmtaPro.git

# 2. Navigate into the project directory
  cd AmtaPro

# 3. Navigate into the frontend folder directory
  cd amtapro_frontend

# 4. Install dependencies
npm install

# 5. Start the development server
npm run dev

The app should now be running at http://localhost:5173.

---

📌 Planned Features

• 🔐 Authentication (Footballers, Academies)
• 🎙️ Uploads (Details, Images, Videos)
• 📈 Performance Tracking
• 📊 Admin Dashboard
• 🔔 Notifications & Announcements

---

🤝 Team Guidelines

This is a volunteer project for the sake of Allāh. Let’s maintain adab, respect, and clear communication.

• Talk before making major changes
• Use helpful commit messages (e.g., fix:, feat:)
• Keep PRs small and easy to review

---

. 📝 Common Git Commit Message Conventions

Most teams follow the Conventional Commits format. Here's a breakdown:

• feat: A new feature feat: add dark mode toggle
• fix: A bug fix fix: resolve navbar overlap on mobile
• docs: Documentation changes docs: update README with setup steps
• style: Code style changes (no logic) style: format button component
• refactor: Code refactoring (no feature/bug) refactor: simplify form validation logic
• test: Adding or updating tests test: add unit tests for login flow
• chore: Maintenance tasks chore: update dependencies
• perf: Performance improvements perf: lazy load images on homepage
• ci: CI/CD related changes ci: update GitHub Actions workflow
• build: Build system changes build: configure webpack for production

---

👥 Contributors

We appreciate everyone contributing to this project:

• MAKE SURE TO GIT PULL BEFORE YOU GIT PUSH!
• AMUDA Abdulqoyum Olohuntomi (mechseiko)
• IDRIS, saad (simplysaad)
• You — after your first contribution, In shaa Allah!

---