{"work":{"buttons":[{"_key":"bded7afa9121","_type":"button","alt":"https://quoteshark.co/","color":"glass","href":"https://quoteshark.co/","name":"Visit Website"}],"context":"The world's simplest way to quote customers, from your phone or laptop.","descriptionMd":null,"devRoles":[{"description":"A front-end developer has one general responsibility: to ensure that website visitors can easily interact with the page. ","name":"Front-end Developer"}],"devTasks":[{"description":"During the planning stage, all components of the website, including design, technology, content, and marketing, are strategized. Informed decisions on the structure and features of the website are made based on the information obtained and assessed in the previous step.\n\nBefore starting to build a website, you must decide on the content structure, wireframes (schematics and rough designs), technology stack, and software development approach.","name":"Project Planning and Strategy"},{"description":"Define your color palette, logo, and iconography, as well as the images and videos you'll utilize in your branding.\n\nThe layout entails creating a basic draft, which could be graphical, to gain a sense of the website's design. The layout's objective is to give an information structure to your clients, allowing them to take a visual tour of the material and basic features.\n\nTo construct a base layout for the website, the wireframe designed in the previous step is translated into buttons, tabs, menus, dashboards, color themes, typography, and graphics.","name":"Designing and Wireframing"},{"description":"This phase focuses on the branding and promotion of your website or web app, as well as providing you with the opportunity to define your website's aim through content production.\n\nContent production comprises delivering relevant information about your company in a visually appealing, easy-to-understand way. Calls to action, creative headlines, formatting, line editing, text composing, and text updating are all done within the web development lifecycle.\n\nThe content generating stage's main purpose is to develop a communication channel through the user interface.","name":"Content Creation"},{"description":"The development phase is where the website is really built. In this stage, the client-side and server-side of the website are developed. It takes the most time during the website creation process.","name":"Code and Development"},{"description":"Following the development of the website, a series of rigorous tests are carried out to ensure that any problems in the system are eliminated. The QA team painstakingly tests the functionality, usability, compatibility, and performance of the web app using methodologies such as Unit testing, Stress testing, and Load testing.","name":"Testing and Quality Assurance"},{"description":"The website or app is ultimately ready for distribution once the QA team has given their approval. The software is hosted on online servers and accessible to visitors using File Transfer Protocol. Continuous user interaction feedback informs you of potential areas for development. As a result, the web application development life cycle is followed to make the required changes.\n\nAside from that, frequent maintenance and upgrades are essential to keep the site running well and attracting new visitors.","name":"Deployment and Maintenance"}],"gallery":{"_type":"gallery","display":"stacked","images":[{"_key":"4b65f3803047","_type":"image","asset":{"_ref":"image-38cec5510917ab2ec06e20435e5e7ead4c400290-610x437-webp","_type":"reference"}},{"_key":"89b1aa25ad5c","_type":"image","asset":{"_ref":"image-2a1a43e92c12b253da5ff88e8bb72159c0ea15dc-648x575-webp","_type":"reference"}},{"_key":"6573a1d41b4a","_type":"image","asset":{"_ref":"image-30a655858bf7cc00d7f975a5a472e914213ffae0-574x574-png","_type":"reference"}},{"_key":"eecd9a08d61a","_type":"image","asset":{"_ref":"image-04e7135397c43bee1e6828a8c45488b533b70a9d-605x543-png","_type":"reference"}}],"zoom":true},"image":{"_type":"image","asset":{"_ref":"image-911f4b5f8b3f38ae67151b2a3e9edb44f40956eb-927x599-webp","_type":"reference"}},"name":"Quote Shark","projectCategories":[{"description":"Software as a service is a software licensing and delivery model in which software is licensed on a subscription basis and is centrally hosted. SaaS is also known as \"on-demand software\" and Web-based/Web-hosted software.","name":"Software as a Service"}],"slug":{"_type":"slug","current":"quote-shark"},"techStacks":[{"description":"React is a JavaScript library for creating user interfaces that is declarative, efficient, and flexible.","name":"React Js"},{"description":"Chakra UI is a component library that provides you with the building blocks you need to create React applications. It's simple, modular, and easy to use. Get Started on GitHub. Supported and backed by","name":"Chakra UI"},{"description":"Firebase is a platform developed by Google for creating mobile and web applications.","name":"Firebase"}]}}