Skip to content

Bookee2/resurrection_resolution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌸 Resurrection Resolution 🙏

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.

🎯 About The Project

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.

✨ Features

  • 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

🛍️ Product Line

Our bracelets come in 9 stunning colors:

  1. Classic Purple 👑 - Royal purple for the King of Kings
  2. Divine Gold ✨ - Shine like the streets of heaven
  3. Resurrection Red ❤️ - Bold, powerful, sacrificial
  4. Holy Blue 🕊️ - Calm as His peace, deep as His love
  5. Spring Green 🌱 - New life, new beginnings, new you
  6. Passion Pink 💕 - Love boldly, live fully, laugh often
  7. Angelic White 👼 - Pure, clean, forgiven
  8. Mystery Black 🖤 - For the edgy Christians out there
  9. Rainbow Multi 🌈 - Can't choose? Get them all in one!

All bracelets are $12.99 (Rainbow Multi is $14.99)

🚀 Getting Started

Prerequisites

This is a static website built with vanilla HTML, CSS, and JavaScript. All you need is a web browser!

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/ressurection_resolution.git
cd ressurection_resolution
  1. Open index.html in your web browser:
# On Mac:
open index.html

# On Linux:
xdg-open index.html

# On Windows:
start index.html

Or simply drag and drop index.html into your browser!

Local Development

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:8000

Then visit http://localhost:8000 in your browser.

📁 Project Structure

ressurection_resolution/
│
├── index.html          # Main HTML file
├── styles.css          # All styling and animations
├── script.js           # Shopping cart logic and interactivity
└── README.md          # This file!

🎨 Color Palette

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

💻 Technologies Used

  • 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

🎯 Future Enhancements

  • 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

🙏 Scripture Inspiration

"Therefore, if anyone is in Christ, the new creation has come: The old has gone, the new is here!"

  • 2 Corinthians 5:17

🤝 Contributing

This is a demo project, but contributions are welcome! Feel free to:

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

This project is open source and available for personal and commercial use.

📧 Contact

For questions, suggestions, or prayer requests:

🐰 Easter Egg

Try clicking on the logo 3 times... 🥚✨


Made with ❤️ and faith | He is Risen! 🙏

🚀 Publishing to GitHub

To publish this project to GitHub:

  1. Create a new repository on GitHub (don't initialize with README)
  2. 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 main

GitHub Pages Deployment

To make your site live on GitHub Pages:

  1. Go to your repository on GitHub
  2. Click "Settings" > "Pages"
  3. Under "Source", select "main" branch
  4. Click "Save"
  5. Your site will be live at: https://yourusername.github.io/ressurection_resolution/

That's it! Your Resurrection Resolution website is now live! 🎉

About

Resurrection Resolution E-Commerce site

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published