# Frontend Internship — Real-World Learning Roadmap

Welcome to the Frontend Development team.

This internship is project-based.

You are not expected to simply watch tutorials and complete exercises.

You will learn frontend development by contributing to a real application with the Backend, UI/UX, and QA teams.

---

# 🎯 Your Mission

Build production-quality frontend features using:

- JavaScript
- React
- Next.js
- Tailwind CSS
- REST APIs
- Authentication
- Git

By the end of the internship, you should be able to take a Figma design and turn it into a working, responsive feature connected to a real backend API.

---

# 🏗️ Main Project

You will work on:

## Team Management Platform

The application will allow users to:

- Sign up
- Log in
- View dashboard
- Manage their profile
- View team members
- Create tasks
- Update tasks
- Assign tasks
- Track task status
- Search/filter data
- Log out

You will build this application together with the other interns.

---

# 🧭 How You Will Learn

For every technology:

1. Learn the concept.
2. Build a small example.
3. Use it in the project.
4. Get your code reviewed.
5. Fix feedback.
6. Move to the next feature.

Do not learn everything first and start the project later.

Learn while building.

---

# Phase 1 — JavaScript Fundamentals

## Learn

Focus only on JavaScript that you will actually use.

Learn:

- Variables
- Functions
- Arrays
- Objects
- Array methods
- Destructuring
- Modules
- Promises
- async/await
- Error handling

## Practice

Create:

```text
User search
Task filtering
Task sorting
Form validation
API response transformation