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.
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!
- 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.
- 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.
- Redux Persist
(Web API)
- Material UI
- React Icons
- React Avatars Dicebear
Caption for Screenshot 1 Home Page Connect Contacts (light mode)
Caption for Screenshot 2 Home Page Connect Contacts (dark mode)
Caption for Screenshots 3-4 Sign Up & Sign In Pages (light/dark mode)
Caption for Screenshot 5 Contacts Page (light mode)
Caption for Screenshot 6 Contacts Page (dark mode)
If you encounter any issues or have suggestions, please open an issue.
This project is licensed under the MIT License.
Special thanks to @GoIT for the guidance and support throughout the development of ConnectContacts.
