Why wait for January? Make your resolution during Easter - the ultimate season of renewal!
Welcome to Resurrection Resolution, a Christian-themed e-commerce website that encourages people to make meaningful life changes during Easter time, celebrating the ultimate story of resurrection and new beginnings.
Easter isn't just about chocolate eggs and bunny rabbits - it's about rising up, starting fresh, and becoming your best self. Resurrection Resolution combines the power of Easter's message with the tradition of making positive resolutions, offering stylish bracelets (inspired by the classic WWJD bands) to help people remember their commitment to change.
- Modern, Sleek Design: Beautiful Easter/Spring themed color palette with smooth animations
- E-Commerce Functionality: Full shopping cart with local storage persistence
- 9 Bracelet Colors: From Classic Purple to Rainbow Multi, each with its own unique meaning
- Responsive Design: Looks great on desktop, tablet, and mobile
- Interactive Elements: Smooth scrolling, notifications, and even an Easter egg surprise!
- Christian Theming: Faith-based messaging with tasteful humor and Scripture
Our bracelets come in 9 stunning colors:
- Classic Purple 👑 - Royal purple for the King of Kings
- Divine Gold ✨ - Shine like the streets of heaven
- Resurrection Red ❤️ - Bold, powerful, sacrificial
- Holy Blue 🕊️ - Calm as His peace, deep as His love
- Spring Green 🌱 - New life, new beginnings, new you
- Passion Pink 💕 - Love boldly, live fully, laugh often
- Angelic White 👼 - Pure, clean, forgiven
- Mystery Black 🖤 - For the edgy Christians out there
- Rainbow Multi 🌈 - Can't choose? Get them all in one!
All bracelets are $12.99 (Rainbow Multi is $14.99)
This is a static website built with vanilla HTML, CSS, and JavaScript. All you need is a web browser!
- Clone the repository:
git clone https://github.com/yourusername/ressurection_resolution.git
cd ressurection_resolution- Open
index.htmlin your web browser:
# On Mac:
open index.html
# On Linux:
xdg-open index.html
# On Windows:
start index.htmlOr simply drag and drop index.html into your browser!
You can also run a local server for development:
# Using Python 3
python -m http.server 8000
# Using Node.js (if you have http-server installed)
npx http-server
# Using PHP
php -S localhost:8000Then visit http://localhost:8000 in your browser.
ressurection_resolution/
│
├── index.html # Main HTML file
├── styles.css # All styling and animations
├── script.js # Shopping cart logic and interactivity
└── README.md # This file!
The site uses a beautiful Easter/Spring-inspired color scheme:
- Primary Purple:
#8B5CF6- Royal and divine - Divine Gold:
#F59E0B- Heavenly shine - Spring Green:
#10B981- New life - Easter Yellow:
#FCD34D- Joyful and bright - Passion Pink:
#EC4899- Love and compassion - Holy Blue:
#3B82F6- Peace and tranquility
- HTML5 - Semantic markup
- CSS3 - Modern styling with CSS Grid, Flexbox, and animations
- JavaScript (ES6+) - Shopping cart, local storage, DOM manipulation
- Google Fonts - Playfair Display & Inter
- LocalStorage API - Persistent shopping cart
- Payment gateway integration (Stripe/PayPal)
- User accounts and order history
- Blog section for Easter devotionals
- Community sharing of resolutions
- Email newsletter signup
- More product variations (sizes, materials)
- Testimonials from real customers
- Social media integration
- Analytics and tracking
"Therefore, if anyone is in Christ, the new creation has come: The old has gone, the new is here!"
- 2 Corinthians 5:17
This is a demo project, but contributions are welcome! Feel free to:
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is open source and available for personal and commercial use.
For questions, suggestions, or prayer requests:
- Email: hello@resurrectionresolution.com
- Social Media: @ResurrectionResolution
Try clicking on the logo 3 times... 🥚✨
Made with ❤️ and faith | He is Risen! 🙏
To publish this project to GitHub:
- Create a new repository on GitHub (don't initialize with README)
- Run these commands in your project directory:
git init
git add .
git commit -m "Initial commit: Resurrection Resolution website"
git branch -M main
git remote add origin https://github.com/yourusername/ressurection_resolution.git
git push -u origin mainTo make your site live on GitHub Pages:
- Go to your repository on GitHub
- Click "Settings" > "Pages"
- Under "Source", select "main" branch
- Click "Save"
- Your site will be live at:
https://yourusername.github.io/ressurection_resolution/
That's it! Your Resurrection Resolution website is now live! 🎉