Duplicate column name 'id'

I am preparing to use Tables JX and want to create a view in my DB. I use the following:

CREATE VIEW SwimView AS

SELECT *FROM events_eb_events t1, events_eb_registrants t2
WHERE t1.ID = t2.ID

#1060 - Duplicate column name 'id'

Thanks for that. I tried the following but nothing seemed to display:

CREATE VIEW SwimView AS

SELECT t1.event_id as event_num, user_id, first_name, last_name
FROM events_eb_registrants t1, events_eb_events t2
WHERE t1.ID = t2.ID

I want to display results from two tables so that they are related. So that the website viewer can look for info from one table and display the related info from the other table.

This all is to do with swimmers (located in a table called events_eb_registrants) and swims (located in a table called events_eb_events)

I want to be able to display a list of all the swimmers as well as separately all the swims. That I can do without difficulty.

I also want to be able to display all the swimmers for a particular swim - either by clicking on the swim in the displayed list (preferred method) or using the swim ID.
I also want to be able to display all the swims that a particular swimmer has swum in - either by clicking on the swimmer (preferred method) or using the swimmer's ID.

Below are the table with their respective fields:

events_eb_events

id
parent_id
category_id
location_id
title
event_type
event_date

events_eb_registrants

id
event_id
user_id
group_id
first_name
last_name
organization
address
address2
city

Good day

Does no-one know how to resolve this problem?