🌌 Cosmic Beauty

Overview

Cosmic Beauty is a modern, galaxy-themed e-commerce web application dedicated to skincare and beauty products. It combines a unique cosmic aesthetic with functional e-commerce features, allowing users to explore beauty collections, read insightful blog posts, manage their profiles, and shop for products.

🛠️ Languages & Tools Used

• Backend: PHP (Native)
• Frontend: HTML5, CSS3, JavaScript
• Styling: Tailwind CSS (via CDN), Custom CSS
• Database: MySQL
• Icons: FontAwesome
• Fonts: Google Fonts (Urbanist)
• Server Environment: Laragon / XAMPP (Apache/Nginx)

📂 Folder Structure

CosmicBeauty/
├── config/              # Configuration files
│   └── app.php
├── images/              # Project images and assets
├── js/                  # JavaScript files
│   └── script.js
├── layouts/             # Reusable layout components
│   ├── header.php
│   └── footer.php
├── pages/               # Main application pages
│   ├── about.php
│   ├── blog.php
│   ├── collection.php
│   ├── contact.php
│   ├── offers.php
│   ├── profile.php
│   └── shop.php
├── ../config/db.php               # Database connection settings
├── index.php            # Homepage
├── login.php            # User authentication
├── loginregister.css    # Specific styles for auth pages
└── README.md            # Project documentation

🚀 How to Install & Run

1. Clone or Download

   • Download the project files or clone the repository to your local machine.

2. Server Setup

   • Ensure you have a local server environment installed (e.g., Laragon, XAMPP, WAMP).
   • Move the CosmicBeauty folder to your server's root directory (e.g., C:\laragon\www\ or C:\xampp\htdocs\).

3. Database Configuration

   • Open your database management tool (e.g., phpMyAdmin, HeidiSQL).
   • Create a new database named cosmicbeauty.
   • Check ../config/db.php to ensure the credentials match your local setup:

     $conn = new mysqli("localhost", "root", "", "cosmicbeauty");

4. Run the Project

   • Start your Apache and MySQL services.
   • Open your browser and navigate to: http://localhost/CosmicBeauty/
   • Or if using Laragon with auto-virtual hosts: http://cosmicbeauty.test/

✨ Key Features

• Cosmic UI/UX: A distinct aesthetic with galaxy animations and gradients.
• User Authentication: Secure login and registration system.
• Product Collections: Categorized views for skincare and makeup.
• Blog System: Beauty tips and articles.
• User Profile: Order history, wishlist management, and profile settings.
• Responsive Design: Fully optimized for mobile and desktop devices using Tailwind CSS.