LuminDER

• 

  LuminDER Match Page

• 

  LuminDER Profile Page

• 

  LuminDER Chat Page

• 

  LuminDER Login Page

Inspiration

Inspired by VSinder, we combined elements of LumiNUS and Tinder to create this dating application.

What it does

LuminDER is a dating app for NUS students that takes on the familiar interface of LumiNUS and is a wordplay on Tinder.

How we built it

We used the MERN stack (Mongo, Express, React, Node), Bootstrap for styling and Firebase for authentication.

Challenges we ran into

Team was inexperienced with web development, unfamiliar with Firebase and React context, file uploading and missed out on some design issues.

Accomplishments that we're proud of

Setting up the entire project base from scratch, learning/re-learning React Bootstrap, setting up a chat page, solve the card matching problem, solving authentication issues

What we learned

Project setup and structuring, web development, system design, database management

What's next for LuminDER

Make the chat real-time using web sockets and fix login issues.

Built With

• bootstrap
• css
• express.js
• firebase
• html
• javascript
• mongodb
• node.js
• react
• react-bootstrap