# Student Course Registration SPA

A responsive Student Course Registration Single Page Application built with React and TypeScript. The application allows students to view their profile, browse available courses, register for courses, and view their registered courses.

How the Project Was Built

The project was developed as a Single Page Application (SPA) using React and TypeScript. The application was divided into reusable components to make the code easier to maintain and develop as a team.

Technologies Used

• React – Used to build the user interface and reusable components.
• TypeScript – Used to add type safety and improve code reliability.
• Tailwind CSS – Used for styling and creating a responsive layout.
• Vite – Used as the development and build tool.
• Git & GitHub – Used for version control and collaborative development.

Project Structure

The application is organized into reusable React components.

src/
├── components/
│   ├── About.tsx
│   ├── Courses.tsx
│   ├── Footer.tsx
│   ├── Hero.tsx
│   ├── LoginCard.tsx
│   ├── Navbar.tsx
│   ├── Profile.tsx
│   ├── RegisteredCourses.tsx
│   └── RegistrationForm.tsx
│
├── data/
│   └── courses.ts
│
├── App.tsx
├── App.css
├── index.css
└── main.tsx