ContactApp

node --version
v20.10.0  ^

npm --version
10.2.3 ^

yarn --version
1.22.21 ^

composer --version
Composer version 2.6.5 2023-10-06 10:11:52 ^

php --version
MIN php 8.2
PHP 8.3.0 (cli) (built: Nov 25 2023 14:38:38) (NTS)
Copyright (c) The PHP Group
Zend Engine v4.3.0, Copyright (c) Zend Technologies
    with Zend OPcache v8.3.0, Copyright (c), by Zend Technologies

npm i -g yarn
git clone https://github.com/ryugenxd/ContactApp;
cd ContactApp/backend;
composer update;

• rename the .env.example file to .env
• set database configuration in .env file

php artisan key:generate;
php artisan migrate;
php artisan serve;

• open a new terminal window

cd frontend;
yarn;
yarn dev;

• open with browser http://localhost:5173/

• frontend structure

.
├── index.html
├── package.json
├── postcss.config.js
├── public
│   └── vite.svg
├── README.md
├── src
│   ├── App.jsx
│   ├── assets
│   │   └── react.svg
│   ├── client
│   │   └── AxiosClient.jsx
│   ├── components
│   │   ├── AddressItem.jsx
│   │   ├── AuthLayout.jsx
│   │   ├── ButtonAdd.jsx
│   │   ├── ButtonPagination.jsx
│   │   ├── EachItems.jsx
│   │   ├── FrameItem.jsx
│   │   ├── MainLayout.jsx
│   │   ├── Navbar.jsx
│   │   ├── Pagination.jsx
│   │   ├── ScrollContainer.jsx
│   │   └── Search.jsx
│   ├── contexts
│   │   └── ContextProvider.jsx
│   ├── index.css
│   ├── main.jsx
│   └── pages
│       ├── CreateAddress.jsx
│       ├── CreateContact.jsx
│       ├── Dashboard.jsx
│       ├── DetailAddress.jsx
│       ├── DetailContact.jsx
│       ├── ListAddress.jsx
│       ├── Login.jsx
│       ├── NotFound.jsx
│       ├── Register.jsx
│       └── User.jsx
├── tailwind.config.js
├── vite.config.js
└── yarn.lock