Skip to content

kcoulsy/MERN-Typescript-Starter

Repository files navigation

Mern Starter

This project is a boilerplate setup for a MERN app bootstrapped with create-react-app. It is a full React FE and Express BE utilizing Express, MongoDB, JWT for authentication, and Redux for application state management.

The project uses ESLint and Prettier for consistent formatting. This includes a husky pre-commit to check and fix any code before commiting.

For UI it uses Fomantic UI (a fork from Semantic UI).

Commits follow ConventionalCommits guidelines with a pre-commit hook to check.

The intention of the project is to create a starting off point for creating Progressive Web Apps, without having to setup everything up every time. So this includes a complete login system and development tools to get going straight away.

Available Scripts

In the project directory, you can run:

npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

cd ./server && npm run start

Runs the backend server on http://localhost:5000/.

cd ./server && npm run start-dev

Runs the backend server on http://localhost:5000/ using nodemon to watch for changes.

npm run test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.

npm run lint

Runs ESLint on the ./src and ./server folders.

npm run lint:fix

Runs ESLint on the ./src and ./server folders. And then attempts to fix any issues.

npm run format

Runs Prettier and formats files.





Keeping below links for future reference

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

yarn build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

About

Fork of my MERN-Starter project converted to typescript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published