Developing a dating app

JavaScript, React, Node, MongoDB

Category ~ Dating App

In 2023, I embarked on a three-month journey to master full-stack development. Inspired by my fascination with dating apps, I decided to create a dating app MVP from scratch, pushing myself to apply my newfound skills to a challenging project.

Landing preview

Heila is a web app that allows users to match with each other and chat with their matches.

Scope

Create a dating app that enables users to: match with each other, and chat with their matches.

To start, I delved into the world of dating apps, identifying core features and user expectations. This research informed a detailed feature list and a basic wireframe, laying the foundation for the app's structure.

Research

To start, I delved into the world of dating apps, identifying core features and user expectations. This research informed a detailed feature list and a basic wireframe, laying the foundation for the app's structure.

Definition

Based on my research, I defined the following requirements: landing page, authorisation and authentication, profile creation, user browsing, match algorithm, chat functionality, Database schema, and API development.

Development

The development phase was a highly iterative process, starting with the design and development of a comprehensive database schema and APIs to support the app's operations. I then created an inviting landing page to serve as the user entry point. Following this, I implemented secure authorization and authentication systems using sessions and JWT tokens. The next steps involved building the profile creation feature, allowing users to customize their presence on the app, and developing user browsing and matching functionalities. Finally, I added the crucial chat system, enabling meaningful conversations between matches.

Delivery

After thorough testing to ensure all features worked as expected, I deployed the app. The client was hosted on Netlify, and the backend was hosted on Render and the DB on Mongo.

Outcome

Through this project, I gained a deeper understanding of full-stack development and the complexities involved in creating a scalable and efficient web application. The iterative process taught me the importance of thorough planning, flexible design, and rigorous testing. I learned to balance frontend user experience with backend functionality, ensuring both security and performance. Successfully launching Heila reinforced my skills in JavaScript, React, Node, and MongoDB, and highlighted the value of continuous learning and adaptability in software development.

Let's collaborate

Interested in learning more or exchanging ideas?

Let's connect