The Kissing Booth (2018) Timeline Explained – Every Event in Order

Noah has been secretly protecting Elle since she was young, but he's also conflicted because she's his brother's best friend. When Elle discovers he's been scaring off guys, it reveals his deeper feelings for her, though he initially treats her like a sister to keep the peace with Lee. His overprotective behavior actually stems from romantic interest he hasn't fully acknowledged yet.

Foreshadowing: Earlier scenes show Noah stepping in to defend Elle against Tuppen, establishing his protective instinct.

• noah flynn
• elle evans
• protective
• jealousy
• love triangle

Elle and Lee create a set of rules to protect their lifelong friendship as they enter adolescence. The most important rule is that they cannot date each other's relatives, which becomes crucial when Elle develops feelings for Noah. They also agree to share all secrets with each other, making the eventual romance even more complicated since Elle has to hide her relationship.

Foreshadowing: The friendship rules are established early as a plot device that will create conflict later.

• friendship rules
• lee flynn
• pact
• forbidden love

Elle initially decides to help get the kissing booth approved as a strategic move. She knows Noah's participation is required for student council approval, so she uses this as leverage to spend time with him and gauge his feelings. However, she ends up kissing Noah at the booth, which accidentally reveals her true feelings and sparks their secret romance.

Foreshadowing: Elle's irritation about Noah scaring off other guys motivates her to take action.

• kissing booth
• student council
• noah flynn
• elle evans

At a beach party, Warren tries to shove Elle into a hot tub, crossing a line with her. Noah witnesses this and steps in to defend her, physically confronting Warren. This protective act strengthens Elle and Noah's bond, and shortly after, they share their first intimate moment together under the Hollywood sign.

Foreshadowing: Earlier moments have established Noah's protective nature toward Elle.

• beach party
• warren
• hot tub
• hollywood sign
• intimacy

Lee ultimately supports Elle and Noah's relationship because he values their friendship more than his initial anger. After a period of silence, Elle reaches out to reconcile, and they share a dance at the arcade, mending their bond. At prom, Lee surprises everyone by accepting their relationship and encouraging Noah to pursue Elle.

Foreshadowing: Their reconciliation at the arcade shows their friendship can survive the betrayal.

• lee flynn
• forgiveness
• reconciliation
• prom
• arcade

At prom, Elle searches for Noah to confess her feelings but mistakenly approaches Lee, who is dressed as Batman. She pours out her heart thinking it's Noah, creating an awkward but comedic moment. The confusion is resolved when the actual Noah reveals himself, and he confesses his love for Elle as well.

Foreshadowing: Earlier tension between the three characters builds to this comedic climax.

• prom
• batman
• misunderstanding
• confession
• comedy

On Elle's first day of junior year, she suffers a wardrobe malfunction and ends up in an ill-fitting skirt. Football player Tuppen inappropriately touches her, prompting Noah to intervene and fight him. All three get detention, but this incident brings Noah and Elle closer together despite the trouble.

Foreshadowing: This establishes Noah's protective nature toward Elle from the start.

• detention
• tuppen
• first day
• fight
• school

Elle lost her mother to cancer before the events of the film, which adds emotional depth to her character. This tragedy makes her friendship with Lee even more significant, as they've shared this loss together since childhood. The grief also explains Elle's emotional vulnerability and her desire to hold onto meaningful relationships.

Foreshadowing: The timing of their friendship rules coincides with this loss.

• mother
• cancer
• death
• grief
• family

Noah has earned a place at Harvard University, representing his future and ambitions. After prom, he spends his remaining days creating memories with Elle before departing for college. While their relationship faces the challenge of long-distance, Elle accepts that her heart will always belong to him regardless of the distance.

Foreshadowing: Noah's college plans have been mentioned throughout as an impending change.

• harvard
• college
• departure
• long distance
• future

When Lee discovers Elle and Noah's secret relationship, he's furious and feels betrayed by both of them. The confrontation nearly escalates into a physical fight between Noah and Lee, highlighting the emotional stakes. Lee feels sidelined as his best friend and brother kept the romance hidden from him.

Foreshadowing: The friendship rules Elle and Lee established make this betrayal especially painful.

• lee flynn
• confrontation
• betrayal
• brother
• best friend