⚒ This is a fully functional ecommerce Web Application including authentication and payment. The goal of this project is to learn and practice technologies in the React ecosystem
See it live: https://fashionorb.herokuapp.com/
🏗 Build using:
- React - a popular user interface JavaScript library
- Redux - centralize and manage the state of JavaScript apps
- React Router - helps to navigate through React components
- reselect - a "selector" library for Redux, to avoid recalculations of states by using memoized selectors
- redux persist - manage to persist redux store in storage
- react-stripe-checkout - a React component the wraps Stripe checkout JavaScript for a better React integration
- styled-components - CSS in JS concept, allow developers style their components by using JavaScript
- redux-thunk - Redux Thunk middleware allows you to write action creators that return a function instead of an action
- redux-saga - a library that aims to make application side effects(i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easiter to manage
- React Hooks - Enable function component to use state and other React features
- React.lazy - split React component into different chunks, then lazy load them
- React.memo - If your function component renders the same result given the same props, you can wrap it in a call to React.memo for a performance boost in some cases by memoizing the result
💈 Third Party Services
- firebase - thirdparty service provider for authentication and datastorage
- Stripe - online payment service platform
🖥 Backend
☁ Hosted on Heroku
Clone the repo using Git:
git clone https://github.com/Dyn4sty/FashionOrb.gitInstall the dependencies and start the app:
npm install && npm startCode on! ⌨
- More Features, Such as - User's Profile (Order History, Favorites items/Wish List), Product's Page, Filtering Through Items, FAQ and more..),
- Automate the deploy steps