Comments (13)
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.
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.
Hello @sadvika05 , Go for it.
All the Best
from onlinebooksales.
mam above mentioned code is in basic HTML , I can go for tailwind and reactjs , can u assign this to me please
from onlinebooksales.
can you assign this to i can make the above changes in react and integrqate it with the backend
from onlinebooksales.
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.
@Trisha-tech can you assign this issue to me under Gssoc'24
from onlinebooksales.
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.
@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
in this registration i can add
- Name
- .Email Address
- Contact Number
- Password
- Confirm Password
- Address
- Profile Picture
as mentioned
from onlinebooksales.
I can design register page using tailwind css with responsivness. Register page will look like this. Could you please assign to me ?
from onlinebooksales.
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.
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.
@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)
- [Feature Request]: apply kubernetes the app HOT 1
- [Bug]: FIX THESE bugs erros in ALL these 4 pages HOT 4
- [Bug]: Dark mode issue at login and signup page HOT 4
- Add A Preloader Matching to Website Theme i.e. Books HOT 2
- [Feature Request]: Add Legal Section and Copyright section with dynamic date functionality HOT 1
- [Feature Request]: Create and make 404 error page HOT 1
- [Bug]: Order section display issue HOT 1
- [Feature Request]: Properly Implementing the dark mode for whole website HOT 2
- Add the Cursor Trial Effect to the Website HOT 2
- Design A New Logo and A Fevicon for The Website HOT 1
- Create Terms and Conditions Page For the Website HOT 1
- Add Scroll to Top Button Functionality HOT 1
- Create "Our Contributors" Page for the website HOT 1
- Create Our Contributors Page
- BUG: The Contact Us Page is Not Responsive HOT 1
- Enhance Vertical Scrollbar to Match Website Design Theme HOT 1
- [Bug]: Missing spacing in WishList Page HOT 2
- Create Licensing Page Reflecting MIT License HOT 1
- Add Icons to the footer links HOT 1
- Add A News Letter Section HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from onlinebooksales.