Project for modesens Clone website.
The ModeSens website clone aims to replicate the key functionalities and user experience of the original ModeSens platform, focusing on delivering a seamless and efficient shopping experience. The clone includes two primary features: the product description page and the wishlist page.
- Frontend | Backend
- Sign-up and sigin user.
- Admin Section
- Add to cart functionality.
- Add and shop products, offers and community section
- To order any Product on our website user have to login and then can do any order .
- Signin was achieved with the help of Local storage .
- No user From same ID can signin , he/she have to enter different email ID .
- After successful signin For Authentication he has to login as a valid user so can do any order and can visit website.
- Login is Achieved by Local Storage and after verfication he can proceed to visit website.
- Admin Credentials: Email: admin@gmail.com, Password: admin.
- Dashboard Page: Overview of key metrics and recent activities.
- Add Products Page: Interface for admins to add new products to the inventory.
- Manage Products Page: Tools for updating or removing existing products.
- Products Page: View all products available in the inventory.
- User Page: Manage user accounts and their permissions.
- User can see all the Glimse of fashion on home page and there are several carausel which make website more attractive .
- Home page carausel which was devlop with help on js itself.
- User can do shopping by category , also User have good access to category .
- so womens have to directytly had toward the women page can do shopping .
- Website also have mens page wher mens can search on differentnt product and do shooping .
- All the product are shown with the help carausel in unique the eye catching Mannner .
-Category can be sort according to men , women , kids in kids page . -If user wnat to do shopping with the hepl of sorting can do that thing also .
- The Beauty Section is dedicated to offering a curated selection of beauty products, including skincare, makeup, and haircare items.
- This section provides users with access to a range of high-quality beauty products, tailored to enhance their personal care routines.
- Product Thumbnails: Displays saved products with images, brief descriptions, and prices.
- Quick Actions: Options to move items to the cart, remove them from the wishlist, or share the wishlist with others.
- User-Friendly Interface: Easy navigation and management of wishlist items.
- Cart Overview: Displays a summary of all items added to the cart, including product images, descriptions, prices, and quantities.
- Proceed to Checkout: A button to navigate to the checkout page and complete the purchase.
- Detailed Information: Comprehensive details about the product, including brand, material, size options, and care instructions.
- High-Quality Images: Multiple high-resolution images of the product from various angles, allowing users to view the product closely.
- Pricing and Offers: Clear display of the product price, available discounts, and special offers.
- Payment Options: Secure payment gateways for processing transactions.
- Order Confirmation: Confirmation of the order with details for tracking and delivery.
- Order History: Displays a list of past orders with details such as order date, product information, total amount, and order status.
- Order Tracking: Provides tracking information for shipped orders.
Freedom-Frameworks-025-/
└── Modesons/
├── index.html
├── style.css
├── index.js
├── slider.css
├── images/
│ ├── carousal1/
│ │ └── images related to carousal1
│ │
│ ├── carousel2/
│ │ └── images related to carousal2
│ └── logo /
│ └── all logos
│
└──pages/
├── AdminalPages/
│ ├── addproducts/
│ │ ├──index.html
│ │ ├──styles.css
│ │ └──script.js
│ │
│ ├── dashboard/
│ │ ├──index.html
│ │ ├──styles.css
│ │ └──script.js
│ │
│ ├── manageproducts/
│ │ ├──index.html
│ │ ├──styles.css
│ │ └──script.js
│ │
│ ├── products/
│ │ ├──index.html
│ │ ├──styles.css
│ │ └──script.js
│ │
│ └── users/
│ ├──index.html
│ ├──styles.css
│ └──script.js
├── allproduct/
│ ├──index.html/
│ ├──styles.css
│ └──script.js
│
├── cart/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
├── checkout/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
├── login/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
├── orders/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
├── productDescription/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
├── signup/
│ ├──index.html
│ ├──styles.css
│ └──script.js
│
└── wishlist/
├──index.html
├──styles.css
└──script.js