An open API service indexing awesome lists of open source software.

https://github.com/rl4444/react-express-simple-full-stack-boilerplate-with-react-router

React full stack with Express backend & React Router navigation. Styled Components and React Icons included.
https://github.com/rl4444/react-express-simple-full-stack-boilerplate-with-react-router

Last synced: 3 months ago
JSON representation

React full stack with Express backend & React Router navigation. Styled Components and React Icons included.

Awesome Lists containing this project

README

        

# React Fullstack app with Express / Node backend, React Router, Styled-Components and React-Icons

This is a very basic full stack boilerplate for people looking to quick start a React w/ Express backend app.

## Starting the Backend

Express.js server serving backend api files

install dependencies using `yarn` or `npm install`

To start server use `yarn start` @ project root (not in `/client` dir)

Please include '/api/' in all api routes as best practice and to distinguish from routes that are to be used by react router.

## Starting the Client

change into '/Client' directory `cd /client`

install dependencies using `yarn` or `npm install`

to start the server in development use

`npm run start` or `yarn start`

## Styled Components

Adjust global stylesheet in ./client/src/Theme.js to your own needs

Styles should be automatically globally accessible throughout the frontend with the current set up.

for more on Styled Components see https://styled-components.com

## React-Icons

This package includes the standard most widely used SVG icons and makes life much easier

For a full list of available icons see here - https://react-icons.github.io/react-icons/