Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vladimirrotariu/contacts-mern-app

A simple but versatile Contacts app developed using the MERN stack. The React components were tested using Vitest/Testing Library.
https://github.com/vladimirrotariu/contacts-mern-app

expressjs mern-project mern-stack mern-stack-development mongodb nodejs reactjs

Last synced: about 1 month ago
JSON representation

A simple but versatile Contacts app developed using the MERN stack. The React components were tested using Vitest/Testing Library.

Awesome Lists containing this project

README

        


TypeScript
JavaScript
HTML
CSS
Jest
Testing Library
Node.js
Express
React
Git
GitHub Actions
SonarCloud

# ContacsApp

## Description

An app to store your contacts, with information such as name, age, email, and phone number.

* CHECK THE WEBSITE AND INTERACT (I.E. INTRODUCE A CONTACT) HERE: [Live Site](https://contacts-mern-app.vercel.app/) (WAIT APPROX. 3 MIN FOR RENDER SERVER WARM-UP)

## Testing

We performed **unit tests** using the **Testing Library** on the **React components**, thus ensuring that we develop an accessible web app. For a detailed analysis about the tests, one might check the [istanbul report](https://istanbul-reports.vercel.app/).

## Query our MongoDB database deployed on Atlas
For example, with
```
curl "https://contacts-09i3.onrender.com/contacts"
```
one might get a rough idea of the contacts stored in our MongoDB database.

## Tech stack
* HTML5, CSS3, TypeScript
* Frontend: React.js
* Backend: Node.js, Express.js
* Storage: MongoDB
* OOP/SOLID principles
* Testing: Vitest(Jest API)/Testing Library
* Deployments on Vercel (front), Render (back), and Atlas (MongoDB database)
* CI/CD: Sonar/SonarCloud, Github Actions