Car configurator app, developed just for fun.
This project was bootstrapped with Create React App.
- Being able to customize a car
- Brand (using data from this api)
- Body color
- Rims (type + color)
- Number on the side
- Don't use any images (including SVG or Canvas), try to do as much as possible using CSS
- Use next generation Javascript / CSS
- Minification / any other optimizations for Production
- Proper HTML semantics
- Responsive design
- Auto-saving configuration to the
localStorage
- Sharing configuration using a url
- Basic tests (added a reducer test example)
- Travis build
- Server side rendering
- View car from multiple angles
- Change configuration for interior
- Use Hot Module Replacement
- Use React Hot Loader
- i18n
- Sass compilation as part of webpack
- Make use of Redux Saga
actions
Action creators, used for creating Redux action objects.components
Presentation components. Focus on displaying things, don't use the global store.containers
Container components. Focus on behavior, use the global store.reducers
Redux reducers. Convert an action into a new state.sagas
Redux sagas, used to simplify interactions with async actions.services
Services which interact with the backend (JSON Api).
In the project directory, you can run:
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.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
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.