Skip to content

Technology stack: React, TypeScript, React-Router-Dom, Redux-toolkit, React-redux, Axios, Material-ui.

Notifications You must be signed in to change notification settings

lisitsyna-anna/phonebook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phone Book App

Preview of the working application can be found here.

Description

The Phone Book App is an application that allows users to create an account, log in, store their contacts, search for contacts, and edit contact information. The app provides both light and dark themes for a better user experience. It is designed to be responsive and works well on different devices with breakpoints at 320px, 768px, and 1200px.

Features

The Phone Book App provides the following features:

  • User registration and login functionality.
  • Creation, storage, and retrieval of contacts.
  • Search functionality to find specific contacts.
  • Editing and updating contact information.
  • Light and dark themes for a personalized user experience
  • Responsive design for optimal viewing on different devices.

Routes

The app includes the following routes:

  • "/" - Home page
  • "/register" - Registration page
  • "/login" - Login page
  • "/contacts" - Contacts page
  • Not Found Page - displayed when the user enters an incorrect URL

Technologies Used

The Phone Book App is built using the following technologies:

  • React
  • TypeScript
  • React Redux
  • Redux Toolkit
  • React Router DOM
  • Redux Persist
  • Material-UI
  • Axios
  • Formik
  • Yup
  • React Helmet Async
  • React Hot Toast
  • React Spinners

Installation and Setup

To install and run the Phone Book App locally, follow these steps:

  1. Clone the repository: git clone [https://github.com/lisitsyna-anna/phonebook]
  2. Navigate to the project directory: cd phonebook
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open the app in your browser at http://localhost:3000

Contact Information

If you have any questions or feedback, please feel free to contact me: