The purpose of this app is to get real practice in the development of the complete web application based on MERN stack.
Functionally wise, the application is a simple address book with the possibility to search and sort contacts depending on user's need.
Web app provides standard functionality with the possibility to create, view, edit and delete contacts.
Search function immediately filters all the contacts and shows only those, which contain search phase in any contacts' fields.
Sorting function provides user the possibility to sort contacts according to contacts' name, familyname, number of previous searches / likes or its creation date.
When user clicks 'DETAILS' button, its likes counter goes 1 up. User also can 'like' any contact manually.
'SHARE' button copies all the contact details to the clipboard.
The following components are used in this web app:
Backend
- Node JS
- Express
- MongoDB
Frontend
- React
- React Redux
- Axios
- MUI for styling
What is going to be added somewhen:
- Information and error messages according to what happens to the app. Currently there is only one message after user clicks 'SHARE' button and contact details are copied to the clipboard.
- Another views for the contact list (i.e. as a table).
- Contacts import / export function.
- Dark theme and a switcher between light / dark theme.
- If you run the dockerized verion of the app, frontend is accesible on a port 3000 and is linked to the react dev server. Later on it is going to be linked to the build version.
