Responsive clone of Tesla's web application with scalability in mind.
Link to project: https://tesla-clone-by-jamesfowlerdev.netlify.app/
Tech used: HTML, CSS, JavaScript, ReactJS, Redux, Styled Components, React Animate, Material-UI
Using the create-react-app redux template, I created a section component with props to render the majority of the application seamlessly. Used react animate to mirror Tesla's chic user experience. Styled Components to minimize additional css files and provide clean styling.
Material-UI is comparable to Styled Components, but maybe a better use case to have a structure. The create react app redux template has many quirks, but is useful when setting up a global state store like redux. Conceptualizing the system's architectural design pattern at initialization is essential.
Take a look at these couple examples that I have in my own portfolio:
Twitch Clone: https://github.com/AlliDoisCode1234/twitch-clone
Amazon Full Clone: https://github.com/AlliDoisCode1234/amazon-full-clone
Buildium Social Dashboard: https://github.com/AlliDoisCode1234/buildium-social-dashboard