Group Members: Vicki Wu (vicki-wu), Jackie Yee (pasteldetective), Raitah Jinnat (raitah.jinnat83@myhunter.cuny.edu), Ashleigh Wong (AshleighWong)

client-starter-code

This repository is the client (front-end) starter code for Final Project - Full-Stack CRUD Application.

---

1. Use the following process to import the Final Project client starter code repository to your GitHub account as the starter codebase

1. Log on to GitHub
2. Click on the + sign in the top right corner (next to the user icon)
3. In the dropdown menu, select "Import repository"
4. A new page will open
5. In "Your old repository’s clone URL" field, enter: https://github.com/johnnylaicode/client-starter-code
6. In "Your new repository details" field, enter your own repository name (e.g., "final-project-client")
7. Click on the "Begin import" button to start the process
8. After the process completed, your new "final-project-client" repository is created – as a completely independent codebase
9. From this point on, you can clone your new repository, make changes, create feature branches, and create/merge pull requests

---

2. Use the information below to clone the starter codebase to your local machine

After creating the starter codebase "final-project-client" repository on GitHub (see above), you can clone it to your local machine. The instructions on how to clone a GitHub repository are available at this link.

---

3. Set up and run the client (front-end) application on your local machine

1. Start a terminal (e.g., Git Bash) on your local machine.
2. Go to the "final-project-client" folder, enter the command to install dependencies: npm install
3. Start the client application by entering the command: npm start
4. After the client application is successfully started, a web browser is automatically opened at the address: http://localhost:3000

Common Errors You May Encounter

Error: ERR_OSSL_EVP_UNSUPPORTED

This error indicates that your application uses an algorithm or key size not supported by OpenSSL 3.0.

Solution:

1. If you use Windows, in the package.json file, set the "scripts" attributes as follows:

  "scripts": {
  "start": "SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start", 
  "build": "SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build", 
  ...
    },

2. If you use Mac OSX or Linux, include the following command in the ~/.bash_profile or ~/.bashrc file.

  export NODE_OPTIONS=--openssl-legacy-provider