This is the frontend for Wear House Socks, currently a work in progress!
http://wearhousesocks.herokuapp.com (if the link seems unresponsive, give it time! That is the heroku server spinning up.)
The repository for the backend can be found here: https://github.com/colesayer/sock_dev_backend.
Description
Wear House Socks is a product customization and visualization tool utilizing the power of WebGL. It is being built for my friend's sock company in North Carolina. Eventually, it will be a tool on their product's web site.
In its current state, a user can choose a sock construction (crew and extended crew for now), pick the heel, toe, and top band colors, choose a pre-made design or upload a design of their own, and choose the type of knit. The app updates the 3d model in real time, giving the user a photo-realistic 3d representation of the sock they're creating. Many new features will be added soon.
Built with
- Assets were modeled in Blender,
- "react": "^16.2.0",
- "react-bootstrap": "^0.31.5",
- "react-color": "^2.13.8",
- "react-dom": "^16.2.0",
- "react-dropzone": "^4.2.3",
- "react-modal": "^3.1.12",
- "react-redux": "^5.0.6",
- "react-router-dom": "^4.2.2",
- "react-scripts": "1.0.17",
- "redux": "^3.7.2",
- "redux-devtools-extension": "^2.13.2",
- "redux-thunk": "^2.2.0",
- "superagent": "^3.8.2",
- "three": "^0.89.0",
- "three-obj-loader": "^1.1.3"
How to Run
- After resolving the backend...
- Clone the repo
- Change to the cloned directory from your terminal
- Run 'npm install'
- Run 'npm start'. If the backend is also running, it will ask you to switch ports. Type 'y' and hit 'enter'.
- My Life Socks will run on http://localhost:3001/
- Build some socks!
