A web-based tool designed to help friendship bracelet makers visualize their bracelets with the colors they'd like to use before creating the physical bracelet.
- Color Visualization: Preview how different color combinations will look in your bracelet patterns
- Pattern Selection: Choose from various friendship bracelet patterns
To run this project locally, you'll need:
- A modern web browser (Chrome, Firefox, Safari, or Edge)
- Basic understanding of HTML, CSS, and JavaScript for development
-
Clone the repository
git clone https://github.com/zcoder365/FriendshipBraceletVisualizer.git
-
Navigate to the project directory
cd FriendshipBraceletVisualizer
-
Open in browser
# Simply open the index.html file in your preferred browser # Or use a local server for development python -m http.server 8000 # Python 3 # OR python -m SimpleHTTPServer 8000 # Python 2
-
Access the application
- If using a local server: Navigate to
http://localhost:8000
- Otherwise: Open
index.html
directly in your browser
- If using a local server: Navigate to
- Select a Pattern: Choose from the available friendship bracelet patterns
- Choose Colors: Pick colors from the palette that match your available threads
- Preview: View the complete bracelet visualization
FriendshipBraceletVisualizer/
├── README.md
├── static/
│ └── styles.css # Main stylesheet for layout and design
├── templates/
│ ├── index.html # Where you enter your colors
│ ├── results.html # View the results of the colors you entered
│ └── template.html # The template that the other HTML pages extend/add to
├── main.py # The main file that runs the program
└── README.md # This file
- Chevron: Classic V-shaped pattern
- Candy Stripe: Diagonal stripes
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Graphics: HTML5 Canvas API or SVG for pattern rendering
- Styling: CSS Grid/Flexbox for responsive layout
- No external dependencies: Pure vanilla JavaScript implementation
- Chrome 60+
- Firefox 55+
- Safari 11+
- Edge 79+
- Inspired by traditional friendship bracelet making techniques
- Color theory and pattern algorithms based on mathematical knot theory
- Thanks to the friendship bracelet community for pattern inspiration
Happy bracelet making! 🌈✨