- Member 1: Aditi B S - LBS Institute of Technology for Women,Poojappura,Trivandrum
- Member 2: Bhadra J - LBS Institute of Technology for Women,Poojappura,Trivandrum
Love After Life is a delightfully horrific dating web app that connects zombies with their ideal undead match. Choose your preference, view spooky profiles, chat with your crush—all in one creepy, dark-mode interface.
1.Zombies are lonely. Dating apps exclude the undead. Graveyards are full of singles, yet no one is matching them. That’s rotten behavior.
We created Love After Life, a dating site made exclusively for zombies.
Pick your type: male, female, or “any decaying soul”
Swipe through eerie profiles featuring undead hobbies like “collecting skulls” and “late-night grave digging.”
Chat with your match using pre-programmed undead phrases
For Software: [Languages used;HTML, CSS, JavaScript]
- [Frameworks used;None]
- [Libraries used;Font Awesome (icons), Typed.js (typing animations)]
For Software:
git clone https://github.com/AditiBS/project.git cd project
Open index.html in your browser
For Software:
screenshot1(index.html) index.html (Home Page)
-
Page Setup: Uses meta viewport for responsiveness and imports Google Font (Chewy) for a quirky horror vibe.
-
Page Structure: Contains a background and overlay div, likely for styling effects, along with navigation.
-
Navigation Links: Placeholder # hrefs suggest these still need linking or updating for full functionality.
Screenshot2(gender.html) gender.html
-
Navigation Bar: Links to index.html, gender.html (current), and chat.html with a "Find Now" button styled using a class.
-
Content Section: Includes an image (testtube.png) with alt text “Zombie Test Tubes” to illustrate the theme.
-
Git Terminal: Shows a successful git push origin main, confirming code is uploaded to GitHub.
Screenshot3(men.html) men.html (Male Zombie Profiles)
Screenshot4(style.css) style.css
-
Global Reset + Base Style: Removes default margin/padding, sets Comic Sans MS font, and hides overflow for clean layout.
-
Page Load Animation: Adds a fadeIn zoom effect on initial load using @keyframes and CSS animation.
-
Background Class: Prepares a fixed-position background (not shown in HTML yet) likely for aesthetic consistency.
-
Inline CSS Styling: Uses internal <style> to define .profile-card, including box shadow, border radius, and layout.
-
Profile Image Styling: Images are styled for consistent size (40% width) with rounded edges.
-
Minor Issue: Title incorrectly says "Women" instead of "Men"—should be updated for clarity.
[Landing Page] | |-- "Start Now" button → ↓ [Gender Selection Page]
- Options: ♂ Male | ♀ Female | ⚧ Other | ↓ [Profile Display Page]
- Shows 3 opposite-gender zombie profiles
- Each card: 🧟♂ Funny Name + Traits | ↓ [Profile Card Dropdown]
- "More Details" button expands personality, hobbies | ↓ ["Interested" Button] | ↓ [Zombie Chat Page 💬]
- User selects preset questions
- Zombie replies in fun English
For Hardware:
 Add caption explaining connections
 Add caption explaining the schematic
 List out all components shown
 Explain the build steps
 Explain the final build
Video.2.1.mp4
🧟♂️ Love After Life – Zombie Dating Web App 💘 💡 What is it? "Love After Life" is a fun zombie dating website where users can: Choose their gender See cute zombie profiles of the opposite gender Click "Interested" to start a fake, funny chat with a zombie! 🔧 What did I use? HTML – to build the pages CSS – to make it look cute and zombie-themed Vercel – to host it online
[Add any extra demo materials/links]
Bhadra: UI/UX Designer, HTML Structure, Font & Theming Aditi: Profile Design, Figma Mockup, Project Documentation & Diagrams
Made with ❤️ at TinkerHub Useless Projects
