Phonebook

A fullstack project focused on the backend, built with Node.js, express.js, React and Bootstrap.

Elina Rosato
Elina Rosato
Elina Rosato

The Background

Phonebook was born from my passion to unravel the complexities of backend development. With an aim to solidify my skills, I joined the Full Stack Open course from the University of Helsinki and started exploring the server-side of the stack. This project isn't just an app, it's a big step in my journey towards building robust and dynamic applications.

The Stack

Phonebook leverages the power of NodeJS to build a robust backend architecture. Express.js acts as a gateway, facilitating smooth communication between the frontend and the server. The database dance is led by MongoDB, ensuring seamless data storage and retrieval. Axios takes center stage for client-server communication, while Jest ensures that the application performs its moves flawlessly. Bootstrap 5 lends style and elegance to the frontend, sculpted with React.

The Challenge

As I delved into the backend technologies, a new set of challenges came to light. Creating a seamless flow between the frontend and backend was a puzzle to solve. Ensuring that data validation was in place and handling server responses effectively demanded a new level of attention to detail.

Features

Phonebook orchestrates an array of features, each designed to create a seamless user experience:

👾 Contact storage and dynamic updates.

👾 Creation and deletion of contacts like a breeze.

👾 Data validation to guarantee adherence to specified formats.

👾 A live search bar that instantaneously filters the contact list when the user types.

Through this project, I've ventured deeper into backend development, mastering the art of data management, server communication, and application validation. Phonebook stands as a pivotal point in my development journey. It's where theory turned into practice, and the lessons I've learned will stay with me as I continue to grow.