emster7013/fe

Expat-Journal

Expat-Journal BW 2

To setup Dev Environment:

1. in root yarn install,

2. yarn create react-app expat-journal

3. yarn add axios

4. add JSON server in root of expat-journal react app, yarn global add json-server

5. Create components folder in project root/src

6. Create a /img directory in project root

7. configure end-point at localhost:3000/content use this article for a reference https://blog.eleven-labs.com/en/json-server/

8. Run JSON Server on a different port since React will be using 3000, src\data\json-server -p 4000 db.json

9. end points, localhost:3000 React landing Page. localhost:4000/articles localhost:5000/articles

10. Yarn Start in root of /expat-journal

11. Add Styled components. yarn add styled-components

12. Add react-router-dom in the root of expat-journal yarn add react-router-dom

13. yarn add semantic-ui-react

14. To start the app, first navigate to /src/data type json-server -p 4000 landingdata.json, the same with -p 5000 {file name unknown at the moment}

To run the app:

1. VS Code terminal > Split terminal > 3 terminals
2. first terminal cd src/data
3. json server -p 5000 ProfileData.json
4. second terminal cd src/data
5. json server -p 4000 landingdata.json
6. third terminal yarn start
7. right click index.hml run with live server