The website which was given to us in this construct week DavidBridal took 4 day to construct. The team members are Sagar Tiwary(Team Lead), Abhijeet Sen Gupta, Sachin Kumanache, Reena Kumari, Rahul Kumar respectively. the website is actually a clone of a USA based wedding clothes shopping brand, the consumers of the webiste are basically the people needing any kind of wedding clothes. the pages that we constructed are landing page, sign in/sign up page, shoppage, cart page, planning page, hot deals page, book appointments page, appoint pop up page,and about page with various kind of functionalities and responsiveness to some pages. The tech stack we used were css, html, javascript and we used the Mock API for fetching our API, with all other functionalities like sorting, filtering, adding to cart and top to box button etc.
The landing page is created by sagar kumar tiwary who is the team leader of the group Project.I have made the nav part,body and the footer part.Basically I first work on the navigation bar over there some pages I have created like hot deals,about and many more things. I have done this and tried my best to complete things.
In the footer part lined all the things which is required to complete and done the job.
landing page :
footer:
this page was created by Sachin Kumanache. while createing this page he has used form validation technique. Form validation commonly used to occur at the server, after the client had entered all the necessary data and then pressed the Submit button. If the data entered by a client was incorrect or was simply missing, the server would have to send all the data back to the client and request that the form is resubmitted with the correct information. This was a lengthy process that puts a lot of burden on the server. JavaScript provides a way to validate form data on the client's computer before sending it to the web server. Form validation generally performs two functions. Basic Validation − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and checking for data. Data Format Validation − Secondly, the data that is entered must be checked for the correct form and value. Your code must include appropriate logic to test the correctness of data.
planning page was crated by sachin, while creating planing page he has used HTML CSS Javascript, he has made responsive page
This page is created by Abhijeet Sen Gupta, a member of our team.The tech stack used to create this page is css, html and Javascript. He has created a api using the mockApi server and fenched the data here.
This page is created by Abhijeet Sen Gupta, a member of our team.The tech stack used to create this page is css, html and Javascript. He has created this by using th help of local Storage as when a user selects a item in the product page the item gets pushed to the local Storage and is visible here.
This page is created by Abhijeet Sen Gupta, a member of our team.The tech stack used to create this page is css, html and Javascript. He has created this by using th help of local Storage as when a user clicks on the "ADD To Basket" option in the itemView page the item gets pushed to the local Storage and is visible in the carts page in the form of a table.The user can also remove any item if he wants to.
This page was created by Reena Kumari, a member of our team, The tech stack used to create this page is css,html and Javscript, different kinds of current deals cards has been placed there using flex, and the required media query has been added to the divs and to the whole hot deals page, the exclusive partner card was also created, with a top to box button, and the hot deals card.
These pages were also created by Reena Kumari, the different kind of Appointment needs or consumer help needs are taken care on this page, the page "Appoint page" has been attached to the Appointment buttons of the "Book Appointment" page, where they can be accessed accordingly, the appoint page provides various appointment modes to the customer as per there needs. And the navbar in the page is fixed unlike any other page of the project and the top to box button also has been added to the page, with hamburger menu and its footer accordinly, the Book Appointment page is also responive as media query has been added to the whole page.
about page Created by Rahul, He has added all the brands page associated with our website in the Navbar under About Section. He has created this page with the help of HTML CSS and Javascript.