BIGBANGINTEGRATION

❯ A collaborative classroom project for system integration and teamwork learning

Table of Contents

• Overview
• Features
• Project Structure
  • Project Index
• Getting Started
  • Prerequisites
  • Installation
  • Usage
  • Testing
• Project Roadmap
• Contributing
• License
• Contact

---

Overview

BigBangIntegration is a collaborative classroom project where students work together cohesively to create an integrated system. The primary goal is to learn teamwork skills and apply software engineering principles while building a complete web application with user authentication, shopping cart functionality, and payment processing features.

---

Features

• Collaborative Development: Multi-student development environment promoting teamwork
• User Authentication: Complete login and registration system
• Shopping Cart: Full e-commerce cart functionality with item management
• Payment Processing: Multiple payment methods including card and cash payments
• Product Catalog: Dynamic product browsing and selection
• User Management: Administrative user management capabilities
• System Integration: Seamless integration between different modules
• Responsive Design: Mobile-friendly interface across all components

---

Project Structure

└── BigBangIntegration/
    ├── .github
    │   └── workflows
    ├── README.md
    ├── carrito
    │   ├── carrito.css
    │   ├── carrito.html
    │   └── carrito.js
    ├── carrito.css
    ├── carrito.html
    ├── carrito.js
    ├── catalogos
    │   ├── front.html
    │   ├── script.js
    │   └── styles.css
    ├── dashboard.html
    ├── index.html
    ├── iniciosesion.js
    ├── login.html
    ├── pagos
    │   ├── pagoTarjeta.css
    │   ├── pagoTarjeta.html
    │   ├── pagoTarjeta.js
    │   ├── pagoVista.css
    │   ├── pagoVista.html
    │   ├── pagoVista.js
    │   └── utils
    ├── registro.html
    ├── sonar-project.properties
    ├── styles.css
    └── users
        ├── users.html
        └── users.js

Project Index

BIGBANGINTEGRATION/

__root__

index.html	❯ Main landing page and application entry point
login.html	❯ User authentication and login interface
registro.html	❯ User registration form and validation
dashboard.html	❯ User dashboard and main application interface
iniciosesion.js	❯ Session management and authentication logic
styles.css	❯ Global application styling and theme
carrito.html	❯ Shopping cart interface and item display
carrito.js	❯ Shopping cart functionality and item management
carrito.css	❯ Shopping cart specific styling

.github

workflows

build.yml

❯ CI/CD pipeline configuration and automated builds

catalogos

front.html	❯ Product catalog main interface
script.js	❯ Product catalog functionality and filtering
styles.css	❯ Catalog-specific styling and layout

users

users.html	❯ User management interface for administrators
users.js	❯ User management logic and CRUD operations

pagos

pagoTarjeta.html	❯ Credit/debit card payment interface
pagoTarjeta.js	❯ Card payment processing and validation
pagoTarjeta.css	❯ Card payment interface styling
pagoVista.html	❯ Cash payment interface
pagoVista.js	❯ Cash payment processing logic
pagoVista.css	❯ Cash payment interface styling

utils

luhn.js

❯ Credit card validation using Luhn algorithm

carrito

carrito.html	❯ Alternative shopping cart implementation
carrito.js	❯ Alternative cart functionality and logic
carrito.css	❯ Alternative cart styling implementation

---

Getting Started

Prerequisites

Before getting started with BigBangIntegration, ensure your runtime environment meets the following requirements:

• Web Browser: Modern web browser (Chrome, Firefox, Safari, Edge)
• Local Server: Live Server extension or local HTTP server (optional but recommended)
• Text Editor: VS Code, Sublime Text, or any preferred code editor

Installation

Install BigBangIntegration using one of the following methods:

Build from source:

1. Clone the BigBangIntegration repository:

❯ git clone https://github.com/F3rnandoVil/BigBangIntegration

2. Navigate to the project directory:

❯ cd BigBangIntegration

3. No additional dependencies required - this is a pure HTML/CSS/JavaScript project

Usage

Run BigBangIntegration using the following command:

Option 1: Using Live Server (Recommended)

• Open the project in VS Code
• Install Live Server extension
• Right-click on index.html and select "Open with Live Server"

Option 2: Direct File Access

• Open index.html directly in your web browser
• Navigate through the application using the provided interface

Testing

The project includes basic functionality testing:

• Test user registration and login flows
• Verify shopping cart add/remove operations
• Test payment processing workflows
• Validate user management features

---

Project Roadmap

• Task 1: Implement user authentication system
• Task 2: Create shopping cart functionality
• Task 3: Develop payment processing modules
• Task 4: Integrate all modules seamlessly
• Task 5: Implement comprehensive testing
• Task 6: Add responsive design improvements
• Task 7: Deploy to production environment

---

Contributing

• 💬 Join the Discussions: Share your insights, provide feedback, or ask questions.
• 🐛 Report Issues: Submit bugs found or log feature requests for the BigBangIntegration project.
• 💡 Submit Pull Requests: Review open PRs, and submit your own PRs.

Contributing Guidelines

1. Fork the Repository: Start by forking the project repository to your github account.
2. Clone Locally: Clone the forked repository to your local machine using a git client.

   git clone https://github.com/F3rnandoVil/BigBangIntegration

3. Create a New Branch: Always work on a new branch, giving it a descriptive name.

   git checkout -b new-feature-x

4. Make Your Changes: Develop and test your changes locally.
5. Commit Your Changes: Commit with a clear message describing your updates.

   git commit -m 'Implemented new feature x.'

6. Push to github: Push the changes to your forked repository.

   git push origin new-feature-x

7. Submit a Pull Request: Create a PR against the original project repository. Clearly describe the changes and their motivations.
8. Review: Once your PR is reviewed and approved, it will be merged into the main branch. Congratulations on your contribution!

Contributor Graph

---

License

This project is protected under the SELECT-A-LICENSE License. For more details, refer to the LICENSE file.

---

Contact

For questions or support, please contact the project maintainer through their GitHub profile: @F3rnandoVil

---