Saturday, June 29, 2024

e-commerce Project for Student

 

Free E-commerce Project


Web Design Projets With Source Code

    Create a mini Project .


E-commerce project  Name :-Shree Dress Shop 

    Create E-commerce  mini-project. 

   The name of the e-commerce project is the Shree dress shop they are creating for the webpage. home about us, contact us, product page, order form, registration form, login form they are include page  forgot password form, reset password form, change password form, this page are created to ecommerce website Shree Dress Shop The Shree Dress Shop website is responsive in design.  

   Shree Dress Shop is a comprehensive web-based website. The Shree Dress Shop website is basically used to build an application program that helps people find and buy the latest and trending Shree Dress Shop products and gives them different products. The objective of the website is to help women wear lehenge choli, Sharara suits, and Anarkali suits. 

   provide the customer with on-the-click functionality that helps them search over a variety of Shree Dress Shop products for the respective categories. The Shree Dress Shop website provides different products. This website provides better facilities for customers to choose attractive and good products. This website includes many products in one place. 


Front End Use Language :- HTML, CSS, JavaScript , Bootstrap 
Back End Use Language  :- MySQL , PHP
 Web Server                      :-  XAMPP

Student  Follow to Step By Step 


1 Step :- 

Visual Studio Code  Install :-

        The use those laptops or computers first to download to the visual studio code
   You use those laptops or computers first to download to the Visual Studio Code Software this
 software is used to code the purpose of the project page
         

 Visual studio code software Download  link


   1 Step : Download the software.
   
   2 Step : open the visual studio code.
   
   3  Step :  create New File

   4 Step  : Write/ Type Your Code.

  5 Step : Save Your File.

  6 Step : Run Your code. 

X = Cross-Platform 
A = Apache Server
M = MariaDB
p = PHP
P = Perl


download  the XAMPP  

than install process receive warning massage such as Do you want to run this file?  click the YES  button to continue with installation process.

download process XAMPP


 3 Step :- 

  เฎƒ Next Step  Setup -XAMPP 

  เฎƒ   Welcome to the XAMPP Setup Wizard.
       
                  Click NEXT>  Button 

Click NEXT> Button



 4 Step :- 

           1]  ALL components  are checked by default, 

           2]  No change anything and 

           3]  Click the NEXT Button 

Click the NEXT Button



       

     5 Step :-  

       1] Next Select a folder to  install XAMPP  
       2] C:/xampp in C drive   set and install ,
       3] Click NEXT> button.

Click NEXT> button.


     6 Step :-

   1] XAMPP  Setup ready to Installing  Computer.
   2] Click the NEXT Button 


Click the NEXT Button

   7  Step :-

           Click the FINISH  Button to  the Completing  process XAMPP Setup Wizard

Finish Button



    8 Step :-

    1]  XAMPP Control Panel manually START and STOP  Apache And MySQL .
     2]  Start The Apache AND  MySQL


Start The Apache AND MySQL

This Process is Complete  


Select a folder to XAMPP  

      1]   Than htdocs click.
 
     2]  Create  to The New Folder  (folder Name is :- E-Commerce Project ).
 
     3] This Folder  Save to all php program/code . 


    Project Name :- Shree Saree Shop

 
           Website Pages 

  Click this page ๐Ÿ‘‡๐Ÿ‘‡and check

       The Code 


                   1]  Home page

                   2]  Dress Page 

                   3]   About Us

                   4] Contact Us 

                   5] Feedback 

                   6]  Login


Page click Than code is available

    CODE is  Correct  follow instruction

  And follow my  Blogger Website                       

                     Successfully  Run to the Website 
 
                                        BEST OF LUCK



    
 

on No comments:
Labels: , , ,

Thursday, June 27, 2024

change password form

 

change password form

How to Create Reset password form using  html | bootstrap


๐Ÿ‘‡เฎƒ Create a  Reset password form with source codeเฎƒ

Source Code  :-

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Registration</title>
    <link rel="stylesheet" href="css/bootstrap.css">
</head>
<body class="">


        <div class="col-md-4 bg-white shadow-lg mx-auto mt-3
        p-3">
           
            <h1 class="text-center text-primary">
                Change Password
            </h1>
            <p class="text-danger text-center">
               
            </p>

            <form action="change-password.php" method="post">
            <label>Old Password</label>
            <input type="password" name="opwd" class="form-control mb-1"
            required>
            <label>New Password</label>
            <input type="password" name="npwd" class="form-control mb-1"
            required>
            <label>Confirm Password</label>
            <input type="password" name="cpwd" class="form-control mb-1"
            required>

           
            <div class="text-center">
                <input type="submit" value="Change Password"
                name="b1" class="btn btn-primary">

            </div>
            </form>
        </div>
</body>
</html>


How to Create Reset password form using  html | bootstrap


Output :-

change password form






Related Post :-

 1] Responsive contact us page                                                     2]  Home Page                                                                                    3] How to Create About page                                                     4]how to create a navigation bar


on No comments:
Labels: , ,

Wednesday, June 26, 2024

Reset password form


Create Reset password form


 How to Create Reset password form using  html | bootstrap


๐Ÿ‘‡เฎƒ Create a  Reset password form with source codeเฎƒ

Source Code  :-

<html>
    <head>
        <title>Reset password</title>
        <link rel="stylesheet"
href="css/bootstrap.css">
        </head>
   
    <body>
        <div class="col-md-4 bg-white
shadow-lg mx-auto mt-4 p-3" >
        <form>
            <h2 class="text-center
text-primary">Reset Password</h2>
           <label>New Password</label>
           <input type="password"
name="psw" placeholder="Enter New Password"
class="form-control">
            <label>Confirm Password</label>
            <input type="password" name="ps"
placeholder="Confirm Password"
class="form-control">
          <div class="text-center mt-3">
            <input type="submit" name="b1"
class="btn btn-primary"
value="Forgot Password">      
        </form>
</div>
    </body>
</html>

How to Create Reset password form using  html | bootstrap

Reset password form html





on No comments:
Labels: ,
Subscribe to: Posts (Atom)