catscradle.io
Live Demo
Background and Overview
Cat's Cradle is a classic game played with a simple string tied in a loop. Many complex and beautiful designs can come out of manipulation of the string using just human hands. We are building a virtual version of Cat's Cradle that will exceed human limitations and let users construct 3D designs that are only limited by their imaginations. The controls and interface will be intuitive and easy to learn.
Functionality and MVP
- [x] User auth
- [ ] Sharing cat's cradles with other users
- [ ] Intuitive, stress-free cradle designing UI/UX
- [x] Production README
Wireframe
Technologies and Technical Challenges
Technologies
- MERN stack
- Three.js
- CSS modules
Technical Challenges
- Geometrical and physical calculations of cat's cradle
- Designing intuitive, stress-free UI/UX for designing cat's cradle
Group Members and Work Breakdown
Members: Yucho Ho, Victoria Joh, Nhat Do, Demetri Sakellaropoulos
All tasks are submitted and monitored via project board with kanban view and automated flow. Tasks, issues, and pull requests have one-to-one association. Group members may take on any task, but our general inclinations are
- Yucho - game logic, graphics
- Victoria - graphics, UX/UI, frontend
- Nhat - frontend, backend
- Demetri - backend
Accomplished over the Weekend
- All members read the MERN tutorials
- Set up database
- Establish Git workflow through project board
- Implement front end and back end user auth
- Write proposal
Implementation Timeline
Day 1
- [x] Learn the MERN
- [x] Establish Git workflow and branching strategies
Day 2
- [x] Backend API
- [x] Cloud database setup
- [x] Finish user auth
Day 3
- [x] Prototype styling
- [x] Render basic shapes on screen
- [x] Heroku deployment
Day 4
- [ ] CRUD operations on vectors/nodes
- [ ] Math/logic behind gameplay
- [ ] Improve UX/UI
Day 5
- [ ] Improve UX/UI
- [ ] Extra features such as share/like/follow