Note

This project is currently in building. This was to revise some new and old skills, stay tuned to see it finished!

🧾 Table of contents

• 🛠 Technologies
• 🧩 Features
• 📝 How It Works
• 📂 Videos
• 💡 Improvements
• Issues and their status

---

🛠️ Technologies

Important

The dependency for the websocket has been implemented in the back-end, but hasn't been used yet

Front-end: Angular, GSAP¹, Typescript

Back-end: Java, SpringBoot, PostGreSQL, JWT, Cloudinary, Email sender, Lombok, Spring Security, OAuth2, Spring Web, Thymeleaf², JPA, Validation

🧩 Features

In Loveline, you can make your own account and have a random "loverID" which is what your partner will need when they are gonna search for you, and also later being able to add you in the timeline because you will be "linked" together, until one of you remove the other from the profile. Also Loveline offers a section for quizzes to answer to let your partner know what are your thoughts on the topic choosen.

1. LOVER

• Management of your own info: Edit or delete your personal information.
• Connect with your lover: Use the Lover ID to find and link yourself with your partner.

---

2. TIMELINE

• Visual review: Ability to manage and see all the events present in the timeline
• Content Moderation: Create, edit or delete which events are displayed adn how they're displayed

---

3. QUIZZES

• Enhance your connection: Engage in quizzes to discover your partner’s views on various topics.
• Variety of questions: Enjoy a wide variety of questions designed to spark meaningful conversations.

---

📝 How It Works

Warning

Since this project is still in building, i will edit this part later on! :)

📂 Videos

landing-page.1.mp4

About-us.page.mp4

💡 Improvements

Currently it's all okay. Since i'm now in the front-end side, i'll figure out there what needs to be improved

Issues and their status

Currently, i still need to try the oauth2 on the front-end side since i've seen it works in the back (Resolving)

Back to top

Footnotes

1. GreenSock Animation Platform. A JavaScript library for creating high-performance animations. ↩

2. I used it mostly to have a little bit of front when i was doing the backend for the authorization system. ↩