All Projects → karpolan → react-mui-pro-starter

karpolan / react-mui-pro-starter

Licence: MIT License
Mix of Create React App and Material UI with set of reusable components and utilities to build professional React Applications faster.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-mui-pro-starter

wluma
Automatic brightness adjustment based on screen contents and ALS
Stars: ✭ 290 (+1971.43%)
Mutual labels:  night-mode, dark-mode
react-you-do-you
How I use React + Redux + Material-UI + TypeScript – you do you 💖
Stars: ✭ 103 (+635.71%)
Mutual labels:  create-react-app, material-ui
Turn-Off-the-Lights-Chrome-extension
Chrome extension
Stars: ✭ 81 (+478.57%)
Mutual labels:  night-mode, dark-mode
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (+364.29%)
Mutual labels:  create-react-app, material-ui
dark-mode
Dark Mode - Chrome extension. Relax your eyes at night and day.
Stars: ✭ 63 (+350%)
Mutual labels:  night-mode, dark-mode
P32929.github.io
Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc
Stars: ✭ 84 (+500%)
Mutual labels:  create-react-app, material-ui
ts-ui
Telar Social Network using Reactjs
Stars: ✭ 35 (+150%)
Mutual labels:  create-react-app, material-ui
monoreact
📦 React workspaces implementation
Stars: ✭ 13 (-7.14%)
Mutual labels:  create-react-app, react-starter
max-todos
A basic Todo app developed in React.
Stars: ✭ 19 (+35.71%)
Mutual labels:  material-ui, dark-mode
create-material-ui-app
create-react-app + storybook + storybook-addon-material-ui
Stars: ✭ 55 (+292.86%)
Mutual labels:  create-react-app, material-ui
Web
⚡️ Supercharged version of Create React App with all the bells and whistles.
Stars: ✭ 594 (+4142.86%)
Mutual labels:  create-react-app, material-ui
react-declarative
A React form builder which interacts with a JSON endpoint to generate nested 12-column grids with input fields and automatic state management in a declarative style. Endpoint is typed by TypeScript guards (IntelliSense available). This tool is based on material-ui components, so your application will look beautiful on any device...
Stars: ✭ 17 (+21.43%)
Mutual labels:  state-management, material-ui
React Social Network
Simple React Social Network
Stars: ✭ 409 (+2821.43%)
Mutual labels:  create-react-app, material-ui
Wanna
💡✔ Wanna is an implementation of a 21st-century to-do list app.
Stars: ✭ 189 (+1250%)
Mutual labels:  create-react-app, material-ui
Material Ui Superselectfield
multiselection autocomplete dropdown component for Material-UI
Stars: ✭ 260 (+1757.14%)
Mutual labels:  create-react-app, material-ui
Turn-Off-the-Lights-Firefox-extension-WebExtensions
Firefox extension (WebExtensions)
Stars: ✭ 19 (+35.71%)
Mutual labels:  night-mode, dark-mode
Darkreader
Dark Reader Chrome and Firefox extension
Stars: ✭ 12,052 (+85985.71%)
Mutual labels:  night-mode, dark-mode
Swifttheme
🎨 Powerful theme/skin manager for iOS 9+ 主题/换肤, 暗色模式
Stars: ✭ 2,259 (+16035.71%)
Mutual labels:  night-mode, dark-mode
react-typescript-material-ui-with-auth-starter
React + Material UI + Auth starter using TypeScript
Stars: ✭ 27 (+92.86%)
Mutual labels:  create-react-app, material-ui
react-firebase-template
Bootstrap a React + Firebase full stack application with every thing you need pre-configured: hosting, database, authentication, CI, Typescript, Material UI, PWA and other goodies.
Stars: ✭ 24 (+71.43%)
Mutual labels:  create-react-app, material-ui

React + Material UI Professional starter

Mix of Create React App and Material UI with set of reusable components and utilities to build professional React Application faster.

How to use

  1. Clone or download the repo from: https://github.com/karpolan/react-mui-pro-starter
  2. Copy env.sample to .env, or at least set env.REACT_APP_LOG_LEVEL = DEBUG | INFO | WARN | ERROR variable
  3. Replace _TITLE_ and _DESCRIPTION_ in all files with own texts
  4. Create Favorite Icon images and put them into /public/img/favicon, the favicon.ico file should be paced into root of /public folder.
  5. Add your own code :)

Available Scripts

In the project directory, you can run:

npm start or npm run dev

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

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run lint

Checks the code for errors and missing things

npm run format

Formats the code according to ./prettierrc.js config

npm 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.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Deployment

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

npm run build fails to minify

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].