https://github.com/ggalina/smartphonebook-react
Technologies: REACT, Redux, AXIOS, libraries: react-loading-icons and styled-components. Personal project.
https://github.com/ggalina/smartphonebook-react
axios react-loading-icons reactjs redux styled-components
Last synced: 2 months ago
JSON representation
Technologies: REACT, Redux, AXIOS, libraries: react-loading-icons and styled-components. Personal project.
- Host: GitHub
- URL: https://github.com/ggalina/smartphonebook-react
- Owner: GGalina
- Created: 2023-04-16T13:32:49.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-06T22:47:08.000Z (over 2 years ago)
- Last Synced: 2025-03-30T17:29:21.348Z (about 1 year ago)
- Topics: axios, react-loading-icons, reactjs, redux, styled-components
- Language: JavaScript
- Homepage: https://ggalina.github.io/SmartPhoneBook-React/
- Size: 4.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SmartPhoneBook-React
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](https://ggalina.github.io/SmartPhoneBook-React/)
## Getting Started
To run the project on your local machine, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/GGalina/SmartPhoneBook-React.git
2. **Navigate to the Project Directory**:
```bash
cd SmartPhoneBook-React
3. **Install Dependencies**:
Make sure you have Node.js and npm installed.
```bash
npm install
4. **Start the Development Server**:
To start the project, run the following command:
```bash
npm start
## Features
**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.
## Usage
**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.