Tech Gate Web Application
Overview: A comprehensive e-commerce platform that includes user registration, secure authentication, product browsing, shopping cart, checkout, and an admin management dashboard. Designed with responsive UI and dynamic content loading from a database using RESTful APIs. Technologies Used
HTML/CSS: For layout and styling.
Bootstrap: For responsive design and component styling.
JavaScript: For form validation, animations, and interactivity.
Node.js: Server-side scripting to handle backend logic and manage APIs.
EJS: Templating engine used for rendering dynamic content, including personalized greetings on the home page.
MySQL: Database for storing user information, product catalog, and order history.
API Integration: Fetches product data and manages database operations.
Sweet Alert: For enhanced and customizable alert messages.
LocalStorage: Stores cart details and user session information for a seamless shopping experience.
Custom registration form with real-time JavaScript validation for password matching, age verification, and agreement consent.
Home Page: Features a personalized welcome, image carousel, and product galleries with hover effects.
Product and Search Pages: Product catalog with filtering and animated display, with case-insensitive search functionality.
Allows customers to add products, view total, and save details to local storage. Checkout triggers a Sweet Alert confirmation and saves order details to the database.
Provides CRUD operations for managing products with modal-based effects. The Admin Manage Page allows for detailed database management and provides visual feedback for actions taken.
Built with Bootstrap for cross-device compatibility, featuring a navigation bar with logo and session-based logout functionality.
HTML, CSS, JavaScript, Bootstrap, Local Storage, Sweet Alert, RESTful API Integration
Database design includes tables for users, products, and orders. Real-time updates and alerts enhance user experience and error handling.
