🔗 SelfBase — Dynamic Personal Pages

Gregory Gherdelescu

Backend Engineer
Frontend Engineer
Fullstack Engineer
Next.js
Supabase
Tailwind CSS

Overview 📚

Selfbase is a sophisticated and streamlined website engineered for individuals seeking to create, customize, and share their personal profiles with ease. This platform, commissioned by a Romanian client via Upwork, is distinguished by its user-friendly drag-and-drop interface, facilitating a seamless user experience. It allows users to sculpt their digital identities using various interactive blocks, making every profile a unique blend of personal and professional elements, honed to represent individual identities effectively.

Watch on YouTube

Goal of the Project 🎯

The primary objective of Selfbase was to craft a versatile space where users could seamlessly create dynamic and interactive profiles. These profiles, adorned with blocks such as Bio, Text, Link, Image, and Embed, serve as digital canvases, showcasing users' professional accomplishments, personal interests, and social connections. The custom masonry alignment, a pivotal feature, amplifies the aesthetic allure, ensuring each shared profile is not just a collection of information but a visual narrative. A notable accomplishment in this project was overcoming the challenge of integrating a masonry drag-and-drop feature, epitomizing our belief that no task is impossible with ingenuity and experience.

Modal Menu
Modal Menu
Bio Card Modal
Bio Card Modal

Stack 🛠️

Selfbase is built on the robust Next.js framework, enhanced with a variety of libraries to optimize performance and user experience. The application leverages the power of Supabase for real-time data handling and React Query for state management. The authentication is fortified by NextAuth, ensuring a secure and user-friendly access protocol. One of the crowning achievements is the custom modification of the react-beautiful-dnd library to facilitate the masonry drag-and-drop feature, a testament to our adaptive and innovative approach to problem-solving.

Outcome 🏆

The culmination of dedicated development, innovative problem-solving, and user-centric design, Selfbase stands as an epitome of digital identity platforms. Every feature is meticulously crafted, and every challenge, notably the custom masonry drag-and-drop feature, was transformed into an opportunity for innovation. Each profile on Selfbase is not just a digital identity but a narrative, an interactive story told against the backdrop of elegant design and intuitive functionality. In the developmental journey of Selfbase, every challenge met with innovation, and every limitation was an opportunity for growth, echoing the ethos that in our world, the word ‘impossible’ is simply an invitation to innovate.

One of the first Selfbase users
One of the first Selfbase users
Partner With Gregory
View Services

More Projects by Gregory