React Skeleton

This is a skeleton for a frontend web application using React. It is intended to be used as a starting point for new projects. It is not intended to be a production-ready application.

Using the Skeleton

  1. Fork the repository on GitHub.

  2. Clone the repository to your local machine.

    git clone <repository-url> <directory-name>
    # Example: git clone https://github.com/9-5-pursuit/react-skeleton my-app-frontend
  3. Change into the directory.

    cd <directory-name>
    # Example: cd my-app-frontend
  4. Setup a new remote repository on Github so that you don't overwrite the skeleton repository.

  5. Link your local repository to your new remote repository.

    git remote set-url origin <new-repository-url>
  6. Make a small change, then create a new commit to test the remote repository.

    git add .
    git commit -m "Update remote repository"
    git push

React Setup

Prerequisites

  • Node.js - JavaScript runtime
  • npm - Package manager

Getting Started

# Install dependencies
npm install

# Start the development server
npm start

Note: You should have the backend development server running before starting the frontend development server. Each server should be running simultaneously in separate terminal windows. This can be a lot to keep track of at first, so take your time when making changes to the repository.

Built With

Additional Notes

Since this is a skeleton, the .env file is included in the repository. This is not recommended for production applications. The .env file should be added to the .gitignore file and the environment variables should be set in the production environment.