GitHub repository: saurabhanimesh/Complete-Professional-Company-Website
Primary language: CSS
Created: 2021-04-06T06:50:30Z
Description: This is a dynamic website for business purposes. The users can check out the services while interacting with very blissful and beautiful interface. The users can click on the call button from anywhere on the website and directly they would be transferred to the call app where the number is already entered which makes it very much easier for the users to call the company. Then there’s the concept of Time square New York used in this website because Time square correctly signifies the loads and beauty of sign boards at the same time simultaneously. The first page of the website contains a video of Time square and on the other pages the High quality pictures of Time square has been used. The users can read the details of the previous projects of the company and can also read about the services and products that the company is offering to their customers. The users can also demand request on this website after which the company will call them and hence will proceed the deal. This website contains a slide bar in the services and projects menu by which users can smoothly check the services and projects. The website’s been designed fully for every platforms available currently. It is responsive in very possible way and manner which makes this website robust. For the front end part of this websites – HTML, CSS and JAVA SCRIPT has been used and for the backend part NODE.JS has been used. In backend of my website the modules of Express (for serving purpose) has been used. The backend server and data base of Google’s Firebase has been used and all the server part of the work and data base works has been done through there. Firebase Cloud function has been used to serve the website dynamically and this hosting can been done only if we are willing to be a paid user for Firebase. In this website creation no template, bootstrap or any other already coded mechanism has been used. This website has been coded from the scratch and everything in this website is completely manually coded from the scratch .This website is all created with HTML for structuring, CSS for Designing and for additional dynamic functions Java Script has been used. The data base used in it is of Google’s Firebase. Firebase is the best platform for forming a Backend for mobile applications and web application currently across the world. So, every retrieval and fetching of data has been done through Firebase data base and all dynamic data insertion has also been done through that. The hosting of the website has been done also by the firebase server. Media query has been used for making the website responsive for every platform available and every minute details has been taken care off in it. For the background a professional high quality picture has been taken from pexels.com.  For the Review Looping part of the website, looping, Time interval function and data retrieval from the Firebase database.   For the animation part on scrolling, AOS (Animation on Scroll) has been used.   Images and every photos are used in these website with the help of Firebase Storage Functionality, From there only we are fetching the images (of books and blogs) and showing it in here.  A pre loader has been used before the starting of website to let the images get loaded properly so that the users do not faces any difficulties  For social handling visit purposes, href has been used and for sharing purpose of blog this website has been used - https://sharingbuttons.io/ .  The shop section of the website has been coded in a way where the users has to put their information and then that data will be stored in the data base , and from there the company can get connected with that person.  For the side bar slider glider package has been used.  The clicking appearance of a details box where the information of the products or projects has been created by create Element method of Java script and in that element creation and data fetching is happening at the same time. When we click on the product or project back then we used remove child method of java script to make it normal.