Welcome to the SmartPhoneBook-React Mini Project! This web application empowers users to manage their contact lists by providing account creation, login functionality, and a dynamic phonebook interface. The project leverages technologies such as React, Redux, Axios, React-Loading-Icons, and Styled-Components.
Live Demo: SmartPhoneBook-React
To run the project on your local machine, follow these steps:
-
Clone the Repository:
git clone https://github.com/GGalina/SmartPhoneBook-React.git
-
Navigate to the Project Directory:
cd SmartPhoneBook-React -
Install Dependencies: Make sure you have Node.js and npm installed.
npm install
-
Start the Development Server: To start the project, run the following command:
npm start
React: Employs for structuring web pages and implementing application logic.
Styled-Components: Used for crafting an aesthetically pleasing user interface.
React-Loading-Icons: Displays a loading icon during API requests for enhanced user experience.
Axios: Facilitates asynchronous requests to the API.
Redux: Centralizes and manages the state of the project.
Register: Enables users to create an account with their name, email, and password.
Login: Allows users to log in to their personalized phonebook using their credentials.
Phonebook: Renders a user's phonebook, where they can add new contacts, remove existing ones, and filter contacts by name.