LockedIn

• 

  Solo is Angwy

• 

  Solo Crying :(

• 

  Solo Being #LockedIn

• 

  Solo's #FAANGJobOffer

About the Project

What Inspired Us

• What inspired you:
  With the job market getting tougher and seeing others excelling in their careers, it can be easy to feel unmotivated and disheartened about your progress. We were inspired by Duolingo's witty humor, which keeps us motivated to learn languages through its passive humor, cute design, and beautiful UI.
  
• Our idea:
  Inspired by this, we created our own app: LockedIn. A motivation app tailored for computer science students, combining a LeetCode tracker, job application organizer, and witty humour from our mascot, Solo, to keep you inspired and on track.
  
• Meet Solo:
  Solo is our mascot and the cousin of Duo from Duolingo! He goes by he/him, his MBTI is ENTP, and his hobbies include leetcoding, board games, and playing pranks on his friends.
  

How We Built It

• We divided into two groups: frontend and backend, with 2 members each
• Frontend team:
  We began with Figma to prototype the initial layout and create assets for our mascot, Solo. Prototyping was a key step to ensure we had a clear design vision before implementing it using React and Tailwind CSS.
  
• Backend team:
  Our backend team focused on learning and implementing Google Authentication to set up the login functionality for the web app.
  
• Utilized various APIs and technologies: Leetcode stats API, Airtable integration, Google Auth
• Both teams collaborated closely and sought guidance from mentors to save time and overcome challenges.
  

What We Learned

• How to use Firebase for the first time
• Effective collaboration and communication across teams to integrate our work smoothly.
  

Challenges We Faced

• Merge conflicts: Coordinating changes between team members led to occasional conflicts in our codebase.
  
• Learning new technologies: None of us had used Firebase before, and we initially received conflicting advice on how to use it effectively. However, with persistence and teamwork, we were able to overcome these hurdles.
  

Built With

• Frontend: React.js, Tailwind CSS, HTML, CSS
  
• Backend: Firebase, Leetcode stats API, Airtable integration, Google Auth
• Prototyping and Design: Figma (for creating layouts and Solo assets)
  

Built With

• css
• figma
• firebase
• html
• javascript
• leetcode-api
• node.js
• react.js
• tailwind-css