GithubHelp home page GithubHelp logo

Comments (13)

sadvika05 avatar sadvika05 commented on August 15, 2024

Hi there! I'd like to take on this task. I'll design a Register page UI with the required fields: Name, Email Address, Contact Number, Password, Confirm Password, Address, and Profile Picture.

I'll also refer to the customerController.js file for any additional context needed. I'll start working on it and update here once I have a draft ready for review.

from onlinebooksales.

sadvika05 avatar sadvika05 commented on August 15, 2024

Hi there! I've created a basic HTML form for the Register page UI design based on the requirements mentioned. You can find the code below:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <style>
        /* Basic styling for demonstration purposes */
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            padding: 20px;
        }
        .container {
            max-width: 400px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .form-group {
            margin-bottom: 20px;
        }
        label {
            font-weight: bold;
        }
        input[type="text"],
        input[type="email"],
        input[type="password"],
        input[type="tel"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-sizing: border-box;
        }
        input[type="submit"] {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Register</h2>
        <form id="registerForm" action="/register" method="POST">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" required>
            </div>
            <div class="form-group">
                <label for="email">Email Address</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div class="form-group">
                <label for="phone">Contact Number</label>
                <input type="tel" id="phone" name="phone">
            </div>
            <div class="form-group">
                <label for="password">Password</label>
                <input type="password" id="password" name="password" required>
            </div>
            <div class="form-group">
                <label for="confirmPassword">Confirm Password</label>
                <input type="password" id="confirmPassword" name="confirmPassword" required>
            </div>
            <div class="form-group">
                <label for="address">Address</label>
                <textarea id="address" name="address" rows="3"></textarea>
            </div>
            <div class="form-group">
                <label for="profilePicture">Profile Picture</label>
                <input type="file" id="profilePicture" name="profilePicture">
            </div>
            <div class="form-group">
                <input type="submit" value="Register">
            </div>
        </form>
    </div>
</body>
</html>


Could you please assign this task to me? I'm excited to work on implementing this UI design. Looking forward to contributing to the project!

from onlinebooksales.

Trisha-tech avatar Trisha-tech commented on August 15, 2024

Hello @sadvika05 , Go for it.
All the Best

from onlinebooksales.

Vivek-yadav01 avatar Vivek-yadav01 commented on August 15, 2024

mam above mentioned code is in basic HTML , I can go for tailwind and reactjs , can u assign this to me please

from onlinebooksales.

rawani123 avatar rawani123 commented on August 15, 2024

can you assign this to i can make the above changes in react and integrqate it with the backend

from onlinebooksales.

McoderTanmay avatar McoderTanmay commented on August 15, 2024

Hello @Trisha-tech Ma'am can Assign this issue to me i will be using React and it will be interactive and Responsive

from onlinebooksales.

gayathrik23 avatar gayathrik23 commented on August 15, 2024

@Trisha-tech can you assign this issue to me under Gssoc'24

from onlinebooksales.

MehtabAsHellic avatar MehtabAsHellic commented on August 15, 2024

Hi Admin,

I'm interested in contributing to your project as part of GSSoC. I've been following your work and believe my skills align well. You can find my portfolio here: (https://sites.google.com/view/uibymehtab) and LinkedIn (https://www.linkedin.com/in/mehtabarkhan/)

Thanks,
Mehtab

from onlinebooksales.

dhruv8433 avatar dhruv8433 commented on August 15, 2024

@Trisha-tech
i would like to work on this issue and i am intrested to design register page for user
here is example of register page
image

in this registration i can add

  1. Name
  2. .Email Address
  3. Contact Number
  4. Password
  5. Confirm Password
  6. Address
  7. Profile Picture

as mentioned

from onlinebooksales.

Aman0413 avatar Aman0413 commented on August 15, 2024
Screenshot 2024-05-11 at 10 51 24 PM

I can design register page using tailwind css with responsivness. Register page will look like this. Could you please assign to me ?

from onlinebooksales.

drick-infinity avatar drick-infinity commented on August 15, 2024

can you assign this issue to me I will create a register page with better ui using tailwind css in react can you assign this issue to me so i worked on it assign this issue to me GSSOC'24

from onlinebooksales.

Rajneeshkarya avatar Rajneeshkarya commented on August 15, 2024

Hi @Trisha-tech, I am contributor to GSSOC'24 and also worked as assistant developer could you please assign this issue to me?

from onlinebooksales.

sadvika05 avatar sadvika05 commented on August 15, 2024

@Trisha-tech
is this issue got closed?
because I can see login and signup pages are already present right now
did they get added or
now i made it should i make a pull request my committing??

from onlinebooksales.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.