Skip to content

Setup frontend with React #40

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 25, 2023
Merged

Setup frontend with React #40

merged 2 commits into from
Oct 25, 2023

Conversation

karishma-shah
Copy link
Contributor

@karishma-shah karishma-shah commented Oct 25, 2023

This PR sets up React in our BlueSurf application and reorganizes our folder structure! Closes #39.

From here on forward, we will have a backend directory which will store all the flask app and database and also the src/ folder which will hold all react components and related utils.

There are some prerequisites to run the react app locally:

  • In one terminal, run npm install followed by npm start to start the frontend/ react app on localhost:3000
  • Open another terminal session, npm run start-backend to run the backend on localhost:5000

Note: remove the "proxy": "http://localhost:5000" from the package.json file if you see an Invalid options object. error when trying to start react app

Copy link
Contributor

@tmahabir tmahabir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! "React"-ing with an approval 😄

Copy link
Contributor

@PaulaPerdomo PaulaPerdomo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! React app and backend is up and running for me.

@karishma-shah karishma-shah merged commit 0bbc382 into main Oct 25, 2023
@PaulaPerdomo PaulaPerdomo added infrastructure For the initial setup frontend For frontend developments labels Nov 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend For frontend developments infrastructure For the initial setup
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Infra][Frontend] Setting up the React App
3 participants