Kata-Phonebook

To run the backend server :

In the api directory, use the command :

npm install

Compiles and hot-reloads for development

npm run watch


Open (http://localhost:5000/api/contact) to view it in the browser.

The page will reload if you make edits.

To run the frontend :

In the client directory, use the command :

yarn install

Compiles and hot-reloads for development

yarn start


Open (http://localhost:3000/) to view it in the browser.

The page will reload if you make edits.

File structure :

├───api                         #BackEnd folder
│   ├───app
│       ├───config              
│       ├───controllers
│       ├───models
│       └───routes
│   
└───client                      #Frontend folder
    ├───public
    └───src
        ├───app                 #React components
            ├───components      
            │   ├───Button
            │   ├───Header
            │   └───Link
            └───containers
                └───contactPage

Sources :

https://create-react-app.dev/docs/getting-started/ https://medium.com/swlh/how-to-create-your-first-mern-mongodb-express-js-react-js-and-node-js-stack-7e8b20463e66 https://tailwindcss.com/