Template for a React full CRUD frontend consuming a separate API
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Jerrica Bobadilla 0323c426bf
fix format
5 years ago
public Initialize project using Create React App 5 years ago
src crud complete 5 years ago
.env.sample crud complete 5 years ago
.gitignore remove personal env 5 years ago
README.md fix format 5 years ago
package.json crud complete 5 years ago
yarn.lock crud complete 5 years ago

README.md

Contacts Frontend with Create React App

Description

This is a frontend only react app consuming a third-party API. In particular, this react app is consuming the Django REST API created here, but this format will work for any seperate server API regardless of what language you built it in.


Get Set Up Locally

On your Browser

  1. Fork this repository to your account

In your Terminal

  1. Clone your fork of the repo onto your computer anywhere that is not a git repo
  2. cd into the repo
  3. Touch a .env into the root of your project and add a REACT_APP_API_URL value wih the URL to your API. See the .env.sample file for an example of how to set it up
    • Your URL can either be local if you're testing your local API or the deployed url if you're testing the deployed API 1.Install all the required packages by running: yarn install
  4. Run the app by running yarn start and you should now be able to see the app on localhost:3000

Deployment

Deployment with create-react-app is fairly straightforward. You can see the full deployment docs from CRA here and take your choice of where you want to deploy it, then follow their instructions: https://create-react-app.dev/docs/deployment

My suggestions for deployment, use either of these two: