ConnectContacts Your Personal Phonebook App

This project is a part of my Fullstack Bootcamp's React module, serving as the final project for this module. The React Phonebook allows users to manage their contacts by saving them to a backend server. Users can sign up, sign in, and access their saved contacts through the application.

Description

ConnectContacts is a comprehensive full-stack phonebook app developed as the final project for the React module in @GoIT. Seamlessly manage your contacts with features like secure user authentication, cloud-based contact storage, and a responsive design. Explore the possibilities of the React ecosystem, including Redux, Redux Persist, Axios, Material UI, and more. Ready to elevate your contact management experience? Explore ConnectContacts today!

Features

• User Authentication and Authorization: Sign up securely, Sign in, and manage your profile with JWT token-based authentication. User roles and permissions ensure data security.
• Persistent Storage with Redux Persist: Enjoy a seamless experience with persistent user data stored on the backend and locally through Redux Persist.
• Contact Management in the Cloud: Create a personalized contact list that can be accessed from anywhere. Add, delete, and search for contacts effortlessly.
• Responsive Design with Material UI and Styled Components: ConnectContacts is designed to provide a consistent and visually appealing experience across various devices.
• Integration of React Ecosystem: Utilizes React, Redux, React Routes, Axios for Web API interactions, Styled Components for styling, Material UI for UI components, React Icons for iconography, and React Avatars Dicebear for unique avatars.

User Guide

• Sign Up: Create a new account by providing your details.
• Log In: Use your credentials to log in to ConnectContacts.
• Profile: Update your profile information, including your name, email, and password.
• Contacts: Navigate to the Contacts page to manage your cloud-based contacts. Add, delete, and search for contacts by name.

Technologies Used

• 
• 
• Redux Persist
• (Web API)
• 
• Material UI
• React Icons
• React Avatars Dicebear

Issues

If you encounter any issues or have suggestions, please open an issue.

License

This project is licensed under the MIT License.

Acknowledgments

Special thanks to @GoIT for the guidance and support throughout the development of ConnectContacts.

Languages and Tools: