Create and manage your personal contact list, save favorite ones, send them messages or just do everything you want.
View DEMO
Backend API
Attention!
Unfortunately, the service for sending emails may work not 100% correctly due to certain Nodemailer issues related to some SMTP protocol peculiarities. In that case you can use public testing account to view basic app's features except account verification or manual message sending.
Email: senaven173@czilou.com
Password: 123456
The project was created with Create React App.
Added 404.html file and the corresponding script in index.html to handle the 404 error when the page is reloaded.
App routing and navigation structure was inplemented with React Router Dom using code splitting with React.lazy & React.Suspense.
On the client's side the application stores and manages data with Redux Toolkit. Auth operations were implemented using Redux Async Thunk while other CRUD operations releted to contacts were implemented via RTK Query.
Backend Rest API was created with Node.js, Express.js and Mongo DB. Sending of verification massages was implemented using Nodemailer.
After creating a new account the user have to check out his mailbox and verify email to continue using the app.
According to API email service also can be used for sending private messages to user's contacts.
- React
- React Router Dom
- React Helmet
- React Redux
- Redux Toolkit
- Redux Persist
- React Icons
- React Toastify
- Axios
- Nanoid
... and more. Full list of dependencies and additional information is available in package.json file.