Jekyll2022-10-31T11:38:10+00:00https://ictsolved.github.io/feed.xmlICT Solved!ICT Solved! is a tech blog created with an aim to update readers with the posts related with computer, programming and technology. ICT Solved! covers wide variety of posts with useful tips and tricks.
Why You Should Build an eCommerce Mobile App for your Business2021-11-21T05:24:42+00:002021-11-21T05:24:42+00:00https://ictsolved.github.io/need-of-ecommerce-mobile-app-for-business<p>Putting up your ads on social media sites and hoping customers hit up your website to view your products is still necessary for many businesses, but increasingly it’s mobile apps that are the name of the game. <!--more-->Why spend all that time scrolling through a company website when a mobile app can tailor everything you’re seeing to a personalized wish list and send it straight to your home? If you want to compete in a market where everyone wants everything at the tip of their fingers, <a href="https://bighuman.com/capabilities/ecommerce-app-development" target="_blank" rel="nofollow">eCommerce app development</a> is not optional, but absolutely essential.</p>
<h3 id="convenience-for-your-customers">Convenience for Your Customers</h3>
<p>There’s more and more information available to us all the time, but unfortunately no more time in which to consume it, so when customers are looking to buy something, they don’t want to have to jump through hoops. They want everything to be simple, fast, and stressless so that they can get back to their lives, even if that means <a href="https://www.smartinsights.com/ecommerce/ecommerce-strategy/how-mobile-apps-are-reshaping-the-e-commerce-industry/" target="_blank" rel="nofollow">paying a little more</a>. Mobile apps for eCommerce enable greater tailoring of content and navigation to your users’ personal preferences than websites do, and because users can input whatever personal information they care to share with your company and have it saved for later use, purchases can be made with only a couple of taps on their screen. This is why <a href="https://www.statista.com/statistics/1021307/global-mobile-shopping-app-user-acquisition-rate/" target="_blank" rel="nofollow">install to purchase rates on mobile apps have been steadily increasing</a>, and in-store purchases are on the decline.</p>
<p>And the easier it is for your customers to find what they need on your app, the more likely they will be to use it as their go-to spot for products and services in your market. The simplicity and efficiency of your app can be a major selling point.</p>
<h3 id="brand-awareness-for-you">Brand Awareness for You</h3>
<p>Having an app on your customers’ home screens keeps your company top-of-mind, and the more customers associate the kinds of products and services you provide with your brand, the more likely they’ll be to mention you to their friends and colleagues. Assuming your eCommerce app has been designed properly, it can be an extremely effective encapsulation of your brand identity. In addition, the ability to send push notifications can let your customers know about promotions, new app features, and relevant news, but in a way that users can customize to their preferences, since no one has time to be bombarded with ads for things that aren’t specific to their needs.</p>
<p>Your company’s offerings need to be revamped and improved on a consistent basis in response to both changes in your users and changes in the market and technology. One big advantage of a mobile app for eCommerce is that whenever you make the needed updates, those updates can be easily downloaded and your customers can be alerted to check out what’s new. And if you can make your app not only useful but enjoyable to use, that goes a long way toward building buzz for your company.</p>
<h3 id="staying-ahead-of-the-curve">Staying Ahead of the Curve</h3>
<p>Companies that aren’t jumping on the mobile eCommerce bandwagon are not only missing out on potential revenue right now, they are also failing to prepare for a future that is looking more and more mobile-centric, where the majority of eCommerce – and potentially just commerce – is carried out via mobile technology. But with a well-designed app, you can meet your customers exactly where they want you: in the palm of their hand.</p>saradPutting up your ads on social media sites and hoping customers hit up your website to view your products is still necessary for many businesses, but increasingly it’s mobile apps that are the name of the game.How Your Site’s UX Design Affects Your SEO Performance2021-07-29T03:24:42+00:002021-07-29T03:24:42+00:00https://ictsolved.github.io/ux-design-affects-seo<p>Most site administrators and digital marketers understand the importance of SEO, but they don’t always know about the impact their UX can have on their search rankings. In fact<!--more-->, Google and other search engines consider various aspects of the user experience when ranking websites on the search engine results page.</p>
<p>In this article, we’ll explain how the user experience is intertwined with SEO performance and outline what search engines are looking for in an ideal site. While keywords, backlink profiles, and other basic elements are crucial to SEO rankings, your site won’t be able to achieve its full potential without a strong user interface and user experience. If you’re still stuck for guidance on UX matters, think about working with a <a href="https://bighuman.com/" target="_blank" rel="nofollow">digital product studio</a> for a professional’s opinion and advice.</p>
<h3 id="how-google-ranks-sites">How Google Ranks Sites</h3>
<p>Google’s search algorithms are <a href="https://www.google.com/search/howsearchworks/algorithms/" target="_blank" rel="nofollow">notoriously complicated</a>, but they generally focus on one thing: showing you the best sites that are most relevant to your search query. Furthermore, Google is constantly adjusting its algorithm to continue providing the right results for every search.</p>
<p>RankBrain is a little-known aspect of the search calculation that can have a dramatic effect on your site’s position on the search engine results page. Understanding how RankBrain works will help you make the right adjustments to make your site more visible on Google and other popular search engines.</p>
<h3 id="google-rankbrain">Google RankBrain</h3>
<p>RankBrain is the <a href="https://searchengineland.com/faq-all-about-the-new-google-rankbrain-algorithm-234440" target="_blank" rel="nofollow">third most important</a> element when it comes to Google search results, but only a small percentage of site owners and digital marketers understand how it works. Rather than looking at your text, RankBrain focuses on things like your bounce rate, click-through rate, and average number of visited pages per session.</p>
<p>These metrics are intended to show Google how well the average visit goes on your site. Websites that push visitors away after a few seconds will typically rank below sites that keep them interested for a longer period of time. Of course, RankBrain is still just one of many factors used to calculate your search ranking.</p>
<h3 id="contemporary-seo-priorities">Contemporary SEO Priorities</h3>
<p>If you’ve been marketing on Google for a long time, you probably remember the days when exact matches were the best way to get the top spot. Over time, Google’s algorithm has focused less on specific keywords and more on the user experience.</p>
<p>With that in mind, there are no longer any shortcuts when it comes to improving your ranking. Where you end up on the search page depends on your keywords, backlink profile, and user experience along with numerous other factors.</p>
<p>Ultimately, the simplest way to build a better site is to consider what your visitors are looking for. Developing to their needs will have a positive effect on their experience as well as your SEO ranking.</p>saradMost site administrators and digital marketers understand the importance of SEO, but they don’t always know about the impact their UX can have on their search rankings. In factConfigure Custom Domain and Sub-domain with GitHub Pages in Cloudflare2021-02-11T13:24:42+00:002021-02-11T13:24:42+00:00https://ictsolved.github.io/configure-custom-domain-and-sub-domain-with-github-pages-in-cloudflare<p>I started blogging with GitHub pages as a hobby and wrote few articles. I had also integrated Google Analytics so I noticed<!--more--> that some of my posts were gaining more organic traffic than I expected. I then decided to use custom domain for my blog so that it would help to create a brand value. Few months later, I created another static portal and decided to host it in the GitHub pages but in the sub-domain. At first, I faced some issue but after some hit-and-trial in Cloudflare, I succeeded to linking another portal in the sub-domain. In this article, I will show how you can configure a custom domain as well as sub-domian for your GitHub pages in Cloudflare.</p>
<p>The first step is to host your site in GitHub Pages and make sure it is accessible at https://username.github.io or https://username.github.io/repo. Also register for a custom domain, if you have not already registered.</p>
<p>Once your site is up and running on GitHub pages and you have your custom domain, head towards <a href="https://www.cloudflare.com/" title="Cloudflare">https://www.cloudflare.com/</a>, sign up for an account if you are not already registered. After you login, you will see following page.</p>
<p><img src="https://res.cloudinary.com/ictsolved/image/upload/v1613057705/blog/cloudflare-home_s0cjs4.png" alt="Cloudflare Add Site" title="Cloudflare Add Site" /></p>
<p>Click on Add a Site button and enter your domain name to add it in the Cloudflare. After adding the site, Cloudflare asks you to update the nameservers in your domain and provides you two nameservers which are in the following format.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>first.ns.cloudflare.com
second.ns.cloudflare.com
</code></pre></div></div>
<p>Now you’ll need to update the nameservers of your domain. Login to your domain registrar portal and update the nameservers that are provided by Cloudflare. It may take upto 24 hours for your name servers to be updated and get verified in Cloudflare. Once your nameservers are verified, you’ll see your site in home page of Cloudflare with Active status like below.</p>
<p><img src="https://res.cloudinary.com/ictsolved/image/upload/v1613060821/blog/ictsolved_20210211221153_nsj1je.png" alt="Cloudflare Site Active" title="Cloudflare Site Active" /></p>
<p>Click on your site and you will be prompted to configure some basic setups. You can follow the instruction and set it up or if you want to setup later, you can also skip it. After the setup, you will be taken to the dashboard of your site. Click on DNS in the header section.</p>
<p><img src="https://res.cloudinary.com/ictsolved/image/upload/v1613061579/blog/ictsolved_20210211222337_mneeq6.png" alt="Cloudflare Add Records" title="Cloudflare Add Records" /></p>
<p>Now click on Add Record button. In the type section, chose CNAME from the dropdown list. In the name field, put @ if you want to use your root domain (e.g. mydomain.com) as a custom domain for your GitHub pages site. If you want to host your GitHub pages site in the sub-domain (e.g mysubdomain.mydomain.com), then you need to put subdomain (e.g. mysubdomain) in the name field. In the target field, put your GitHub page domain (e.g. username.github.io) and click on save.</p>
<p>To enable your site to be accessed with www (e.g. www.mydomain.com), you will also need to add another record. Chose CNAME as type, put www in the name field, put @ in the target field and click on save. Now the configuration in the Cloudflare is completed.</p>
<p>Now you need to add CNAME in the repository of your GitHub pages. You can do this by two methods.</p>
<p>The first method is, you have to create a file named CNAME (case-sensitive and no extension), open it in a text editor and write your domain name (e.g. mydomain.com) or if you want to host it in the sub-domain, write your sub-domain name (e.g. subdomain.mydomian.com). Save the file and commit it to your repository.</p>
<p>The second method is, you can do it directly from the settings of your repository. Open your repository in GitHub and click on Settings tab, now scroll below until you see Custom domain section. In the text field, insert your domain name (e.g. mydomain.com) or if you want to host it in the sub-domain, write your sub-domain name (e.g. subdomain.mydomian.com) and hit save. The CNAME file with your domain will be automatically created and committed in your repository.</p>
<p><img src="https://res.cloudinary.com/ictsolved/image/upload/v1613063095/blog/ictsolved_20210211224946_sazjpy.png" alt="GitHub Site Published" title="GitHub Site Published" /></p>
<p>Now wait for a minute or two until your build finishes and refresh the settings page. You’ll see the banner, “Your site is published at” with your custom domain. Now you can head over to your custom domain or sub-domain.</p>
<p>This way, you can host your GitHub pages site in the custom domain as well as sub-domain of you custom domain. Instead of hosting your repository pages to mydomain.com/repo, you can host it into subdomain.mydomain.com with this approach. This also helps to show correct icons and site name of repository pages in Google search results and performs better in SEO.</p>saradI started blogging with GitHub pages as a hobby and wrote few articles. I had also integrated Google Analytics so I noticedTools Every Project Manager Needs for Improved Workflows and Better Results2020-05-22T13:04:46+00:002020-05-22T13:04:46+00:00https://ictsolved.github.io/best-project-management-tools<p>Any great project requires careful planning, collaboration, and expert-level execution. Plenty of teams have great ideas, but a project is only successful when everyone can bring their best work to the table. The key to a great project management <!--more-->process is using the best tools to organize and share resources across all team members. For the next project you look to organize and plan, be sure to keep an eye out for key characteristics of a great project management tool. Below are a few of these features, along with a list of top tools recommended by <a href="https://www.bluelabellabs.com/" target="_blank" rel="nofollow">the project management team at Blue Label Labs</a>.</p>
<h3 id="great-characteristics-of-a-successful-project-management-tool">Great Characteristics of a Successful Project Management Tool</h3>
<p>Even if everyone works in the same office, project management tools can help to <a href="https://blog.bit.ai/how-digital-collaboration-workplace-improves-workflows/" target="_blank" rel="nofollow">improve organizational workflow</a>. Here are some things to look for in the perfect project management tool for you.</p>
<h4 id="easy-communication-platforms">Easy Communication Platforms</h4>
<p>The best project management tools help you stay in touch with everyone involved in the process. It doesn’t matter if five people are involved or fifty: project management tools should be the primary place you communicate with one another. That means things like a dedicated messaging system as well as the ability to create groups.</p>
<h4 id="mobile-compatibility">Mobile Compatibility</h4>
<p>While it’s true that most project management tools have a mobile app, some don’t work as well as the desktop application. Everyone on your team is involved in several things at once. That means meetings, personal obligations, and other professional responsibilities could have certain members on-the-go regularly. Mobile compatibility means more than simply having an app. The platform has to work well on phones and tablets given how mobile the modern workforce is today.</p>
<h3 id="proven-project-management-tools">Proven Project Management Tools</h3>
<p>The best project management tools on the market are ones you’ve likely heard about. Here are a few that you might want to consider for your planning and organizing.</p>
<h4 id="asana">Asana</h4>
<p>What do Dropbox, Airbnb, and Uber have in common? <a href="https://technologyadvice.com/products/asana-reviews/" target="_blank" rel="nofollow">They all use Asana</a>. This platform allows for customization of project management tools and utilities to ensure the digital capabilities of the tool fit your organization perfectly. With things like groups, the ability to assign tasks as well as communicate during the process of their completion, and a great mobile app, this is one of the most popular project management tools for a very good reason.</p>
<h4 id="trello">Trello</h4>
<p>One thing that makes Trello stand out amongst competitors is its simple “board” format. Simply name a board after a project or step in the process and assign people to the board with a given task. The user-friendly simplicity of the software, as well as its easy-to-follow visual appearance make it a favorite among many professionals.</p>
<h4 id="monday">Monday</h4>
<p>For project managers with many different people involved in the process, Monday is easy to organize everyone. Every member can only see work relevant to their role. That means they won’t get confused with loads of information in front of them and allows them to focus on what they need to bring to the table. Not to mention, easy integration with things like DropBox and Google Drive make using third-party agents for file sharing and cloud services easy.</p>
<p>There are several great options at your disposal for project management tools. Assess what your organization or team needs most, and find the right fit for you!</p>saradAny great project requires careful planning, collaboration, and expert-level execution. Plenty of teams have great ideas, but a project is only successful when everyone can bring their best work to the table. The key to a great project managementThe Top UI / UX Trends To Know For 20202020-02-29T13:04:46+00:002020-02-29T13:04:46+00:00https://ictsolved.github.io/top-ui-ux-trends-for-2020<p>The UI and UX of an app play such an important role in its success. These factors are key to delivering a program or service that is useful and engaging. A good UI/UX design can draw new users to <!--more-->your app and it is also what keeps them coming back.</p>
<p>As important as UI/UX design is, a <a href="https://www.bluelabellabs.com/" target="_blank" rel="nofollow">mobile app design agency</a> and individual app developers also need to recognize the fact that the trends are always changing. What may have looked good a few years ago might look dated by today’s standards. New technologies may also affect the trends of smartphone app design.</p>
<p>With a new year just getting underway, here are the UI/UX trends that will have the biggest impact in 2020.</p>
<h4 id="storytelling">Storytelling</h4>
<p>The technical side of UI/UX design will always be important, but it is hard to beat a good story. You will find a lot of apps that perform well from a technical standpoint, but they don’t have a story to connect with the user. While storytelling has been a part of UX design for some time, it is only going to increase in importance in the coming years.</p>
<p>When designing an app, you need to think about the purpose of the app and what you hope to offer users. If you can integrate this with a story that works with the purpose of the app, you will be able to deliver an experience that is more engaging.</p>
<h4 id="augmented-reality">Augmented Reality</h4>
<p>The use of <a href="https://www.livescience.com/34843-augmented-reality.html" target="_blank" rel="nofollow">Augmented Reality</a> in smartphone apps is not new, but it is going to become an integral part of an increasing number of apps. Whereas early AR features were more of a gimmick, newer AR experiences are going to be core to the service that is being offered. Users will be able to get information overlaid on real-world environments on the screen of their smartphone and they will be able to use apps that interact with items in the real world to expand upon the experience and make the service more convenient.</p>
<h4 id="asymmetrical-layouts">Asymmetrical Layouts</h4>
<p>The standard grid design is simple and functional, so it isn’t going anywhere. That said, there will be an increase in apps that use asymmetry and broken patterns. When it is done right, it can offer a good way to capture the user’s attention and guide them to the features you want them to pay attention to.</p>
<h4 id="device-synchronization">Device Synchronization</h4>
<p>Multi-platform is the way of the modern internet. Consumers no longer access online services through just a PC or smartphone; you now have your laptop, your phone, a smartwatch and digital voice assistants. Today’s consumer expects to be able to access and use services from all of these platforms. For app designers, that means you are going to have to develop an experience that is seamless across multiple devices.</p>
<h4 id="voice-controls">Voice Controls</h4>
<p>Tapping and touching are still important parts of the user interface, but more apps are starting to integrate voice controls. The hands-free operation makes the apps more convenient and it also allows the user to interact with the app in a way that is more natural.</p>
<h4 id="artificial-intelligence">Artificial Intelligence</h4>
<p>Artificial Intelligence in smartphone apps has come a long way in the last few years. Much of this is due to advances in <a href="https://www.mathworks.com/discovery/machine-learning.html" target="_blank" rel="nofollow">machine learning</a>, which has made it possible to develop apps that are much smarter than those of the past.</p>
<p>One example is how apps can now collect and analyze data. Developers can now create apps that use vast amounts of information to customize the experience for the user. Today’s smartphone user is starting to expect services that know and anticipate their needs and wants, and AI is the key to offering this type of experience.</p>
<p>Staying up to date on the current UI/UX trends will help you to develop the best app possible. However, it isn’t just about following the trends that are hot when you develop the app – what is hot today might be stale tomorrow. Stay aware of how trends change and update your app to meet the demands of users as the market evolves.</p>saradThe UI and UX of an app play such an important role in its success. These factors are key to delivering a program or service that is useful and engaging. A good UI/UX design can draw new users to25 Awesome Figma Illustration Templates2019-11-30T11:27:46+00:002019-11-30T11:27:46+00:00https://ictsolved.github.io/awesome-figma-illustration-templates<p>Figma is a collaborative prototype design tool that is widely being used for the UI/UX design. It is a cloud-based tool and offers various features <!--more--> a UI/UX designer seeks. We are presenting you the awesome collection of figma illustration templates curated by the designers to inspire you for UI/UX designs. These templates are chosen from the UI design challenges which were featured and selected as best illustrations so there is no doubt that these are awesome and is a source of inspiration for you.</p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/figma-illustration-1304cc15-ee60-4651-bff2-eb6f99d2ad19" target="_blank" rel="nofollow">Figma Illustration by purnika perera</a></h4>
<p><a href="https://www.uplabs.com/posts/figma-illustration-1304cc15-ee60-4651-bff2-eb6f99d2ad19" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/46497ed6-b9ba-4225-8f73-7d3826fcc4df/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/travel-illustration-c3e2ce8a-b938-4a17-83da-9420f31ee499" target="_blank" rel="nofollow">Travel Illustration by Alex Martynov</a></h4>
<p><a href="https://www.uplabs.com/posts/travel-illustration-c3e2ce8a-b938-4a17-83da-9420f31ee499" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a784906e-cbd1-4d3b-8f97-79cc02c9a36b/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/review-concepts-illustration-download-free-for-landing-page-faedab0b-dfd9-4802-81bd-e4b9f2640e4a" target="_blank" rel="nofollow">Review Concepts Illustration Download Free For Landing Page by Themex</a></h4>
<p><a href="https://www.uplabs.com/posts/review-concepts-illustration-download-free-for-landing-page-faedab0b-dfd9-4802-81bd-e4b9f2640e4a" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/686e1019-0b0c-468e-bb7b-8ba4163ce267/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookspace-astronaut-sitting-on-a-meteorite" target="_blank" rel="nofollow">Bookspace - Astronaut sitting on a meteorite by Denis B</a></h4>
<p><a href="https://www.uplabs.com/posts/bookspace-astronaut-sitting-on-a-meteorite" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a5d83172-c126-4394-bb15-65f44c13c235/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/business-concept" target="_blank" rel="nofollow">Business concept by Jigar Patel</a></h4>
<p><a href="https://www.uplabs.com/posts/business-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/ce348b1a-4490-4158-9497-a814cc0956e3/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/education-icon-set" target="_blank" rel="nofollow">Education Icon Set by rajesh dey | graphicswala</a></h4>
<p><a href="https://www.uplabs.com/posts/education-icon-set" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/39eac5da-c332-483a-a5e3-b82e921178db/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/shapes-with-figma" target="_blank" rel="nofollow">Shapes with Figma by 👹 Aymen</a></h4>
<p><a href="https://www.uplabs.com/posts/shapes-with-figma" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/15bcc064-224c-4ebc-b15e-26c5415d2aa5/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/chat-app-onboarding-screen-fbc35534-afad-4e7b-8aca-f6d069316226" target="_blank" rel="nofollow">chat onboarding illustrations by Designer Techcronus</a></h4>
<p><a href="https://www.uplabs.com/posts/chat-app-onboarding-screen-fbc35534-afad-4e7b-8aca-f6d069316226" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9b62f403-2b65-4b03-aabe-d57beef8ad9c/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/agency-landing-page-design-1979e304-4b7b-4000-8ab8-7d771cdf31c3" target="_blank" rel="nofollow">Agency Landing Page Design by Rîfat Âhměd</a></h4>
<p><a href="https://www.uplabs.com/posts/agency-landing-page-design-1979e304-4b7b-4000-8ab8-7d771cdf31c3" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/8dbddb16-d24c-48a1-b21f-65373cbd4d4e/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/illustration-for-website-451ded8a-70b5-4ac3-8f64-843591379a12" target="_blank" rel="nofollow">Illustration for Website by Illia Kolesnyk</a></h4>
<p><a href="https://www.uplabs.com/posts/illustration-for-website-451ded8a-70b5-4ac3-8f64-843591379a12" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/3261e06e-4776-47f0-9527-de6fa3a526be/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/design-startup-landingpage" target="_blank" rel="nofollow">Design Startup Landingpage by Faiz Al-Qurni</a></h4>
<p><a href="https://www.uplabs.com/posts/design-startup-landingpage" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/fdd19087-66ef-4cf3-a58b-e3896c2a5014/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/cafe-illustration-f9290080-cc12-48bc-8b8c-b38f6b5ec264" target="_blank" rel="nofollow">Cafe Illustration by Ahmad Faizien</a></h4>
<p><a href="https://www.uplabs.com/posts/cafe-illustration-f9290080-cc12-48bc-8b8c-b38f6b5ec264" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/e38991e1-9230-4b95-9a66-b8f63122cde2/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/illustration-cc0097b8-e52b-43b7-9bf8-f532d062f436" target="_blank" rel="nofollow">Illustration by Lokeshwaran Rajkumar</a></h4>
<p><a href="https://www.uplabs.com/posts/illustration-cc0097b8-e52b-43b7-9bf8-f532d062f436" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/61bd5a32-9408-44e1-8705-6e9bc30c07bf/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/belonging-to-the-aroid-genus" target="_blank" rel="nofollow">Belonging to the aroid genus by Настя Левицька</a></h4>
<p><a href="https://www.uplabs.com/posts/belonging-to-the-aroid-genus" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/0e50e8f0-ae6d-4fbc-a80a-976806e5ddd3/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/figma-illustration-538b46be-a66c-4ce6-b6b9-756578a4d766" target="_blank" rel="nofollow">Naturally Nepal 🇳🇵 by Ishwor Thapa</a></h4>
<p><a href="https://www.uplabs.com/posts/figma-illustration-538b46be-a66c-4ce6-b6b9-756578a4d766" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/4e3e5b14-d55c-420c-8cc7-34f86097da2b/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/flight-booking-app-landing-page" target="_blank" rel="nofollow">Flight Booking App Landing Page by M Mohamed Fariz</a></h4>
<p><a href="https://www.uplabs.com/posts/flight-booking-app-landing-page" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/7f6d95c3-1884-4619-b30c-a50713da8b70/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/crypto-illustration-kit-free-update" target="_blank" rel="nofollow">Crypto Illustration Kit - Free Update! by Alex Martynov</a></h4>
<p><a href="https://www.uplabs.com/posts/crypto-illustration-kit-free-update" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/7b1ef34f-be5d-4f07-ad26-30a8f3e4dfa3/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/onboarding-screen-2ff37a8a-af10-4512-8f40-a01068a16415" target="_blank" rel="nofollow">Onboarding screen by Uptech</a></h4>
<p><a href="https://www.uplabs.com/posts/onboarding-screen-2ff37a8a-af10-4512-8f40-a01068a16415" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/5bcad91e-f48e-4c99-a4c0-721f7581e0b4/preview.gif" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/landing-page-for-real-estate-company" target="_blank" rel="nofollow">Landing Page for Real Estate Company. by Uchechukwu Thaddeus Onyeka</a></h4>
<p><a href="https://www.uplabs.com/posts/landing-page-for-real-estate-company" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/59e188e6-46df-44a7-84f9-267de5066480/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/caption-marvel-landing-page-57a276e9-87a8-4aac-bca4-06e4e58aa11c" target="_blank" rel="nofollow">Caption Marvel Landing Page by M Mohamed Fariz</a></h4>
<p><a href="https://www.uplabs.com/posts/caption-marvel-landing-page-57a276e9-87a8-4aac-bca4-06e4e58aa11c" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/3bb2a517-0cd4-4eae-8052-c8386e6d30cf/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/login-ui-component-c" target="_blank" rel="nofollow">Login UI Component C by Alexandr Fedorov</a></h4>
<p><a href="https://www.uplabs.com/posts/login-ui-component-c" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/96b00481-9e8d-4cb5-8acf-bba04c5638aa/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/futurist-design-delivery-in-2030" target="_blank" rel="nofollow">Futuristic design for delivery system in 2030 by Uchechukwu Thaddeus Onyeka</a></h4>
<p><a href="https://www.uplabs.com/posts/futurist-design-delivery-in-2030" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/86474fcf-e559-4232-ae43-bbbce033b5e7/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/banking-illustration-vol-2" target="_blank" rel="nofollow">Banking Illustration Vol. 2 by Pablo Fernández Coronel</a></h4>
<p><a href="https://www.uplabs.com/posts/banking-illustration-vol-2" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a2cac6d4-16e6-4c7d-af34-3e1b4aa79337/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/carnival-bank" target="_blank" rel="nofollow">Carnival Bank by Lakshman Sharma</a></h4>
<p><a href="https://www.uplabs.com/posts/carnival-bank" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/d5ef22a5-377d-4fea-9736-cab5155f495f/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/business-illustration-kit-v3-10-new-items-added" target="_blank" rel="nofollow">Business Illustration Kit by Alex Martynov</a></h4>
<p><a href="https://www.uplabs.com/posts/business-illustration-kit-v3-10-new-items-added" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/458efbb1-169e-49e7-ba46-49809507c48a/preview.png" alt="" /></a></p>saradFigma is a collaborative prototype design tool that is widely being used for the UI/UX design. It is a cloud-based tool and offers various features40 Bookstore App UI Designs For Inspiration2019-11-30T11:19:46+00:002019-11-30T11:19:46+00:00https://ictsolved.github.io/bookstore-app-ui-designs-for-inspiration<p>Here is a curated list of bookstore mobile application UI designs choosen from UI design challenges which were featured and considered best. These designs can fit for E-book reader application, <!--more-->application of bookstore or book shop, an audiobook listening application and for other similar kind of applications. These UI designs will inspire you for creating your own designs.</p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/audio-bookstore-concept" target="_blank" rel="nofollow">Bookstore Concept by Leonid Arestov</a></h4>
<p><a href="https://www.uplabs.com/posts/audio-bookstore-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/476bbb70-e156-418d-a90c-f727c9ab7d6e/preview.gif" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-challenge-1942eb9a-78bc-45d3-b515-b7fd0e4c7519" target="_blank" rel="nofollow">BookStore Challenge by tato beqtashashvili</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-challenge-1942eb9a-78bc-45d3-b515-b7fd0e4c7519" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/682a12bb-5e9d-495e-8b23-e14ab2cc4c6b/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-416f9671-e24b-4d27-afef-ccb605149315" target="_blank" rel="nofollow">Bookstore App by Prashant Savekar</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-416f9671-e24b-4d27-afef-ccb605149315" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/b25dc321-757f-4a21-9831-a19f39edd090/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-design-concept-uplabs-challenge" target="_blank" rel="nofollow">Bookstore Design Concept - Uplabs Challenge by Sachin Singh</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-design-concept-uplabs-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/b6a124e2-31dc-4e79-9009-897914dfb274/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-ios-app-design" target="_blank" rel="nofollow">Bookstore iOS App design by Designer Techcronus</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-ios-app-design" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/357db2c3-7809-4617-b4e6-b908719ab4ff/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-ios-concept" target="_blank" rel="nofollow">Bookstore (iOS concept) by Aleksandr Malyavka</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-ios-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/59d215f6-2a02-4f04-90d8-a9528db17a22/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-app-ui" target="_blank" rel="nofollow">Book Store App UI by vahid reza niazmand</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-app-ui" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/59a44d58-fab0-419b-bcc0-b69f8595f6cb/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-13f8f586-8c86-44a7-b164-a4108e4201c0" target="_blank" rel="nofollow">Bookstore App 📚 by Bastian Irarrazaval</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-13f8f586-8c86-44a7-b164-a4108e4201c0" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9d8756f2-001b-4b07-9aa9-be22d2dca80a/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-shop" target="_blank" rel="nofollow">Book shop by Raj Jangam</a></h4>
<p><a href="https://www.uplabs.com/posts/book-shop" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/1e18bf01-41ec-4a65-a70e-4a701b2ed0ab/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-service-concept" target="_blank" rel="nofollow">Bookstore service concept 🤓 by Alexander Løvyagin</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-service-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/aec74df8-8bbe-4bdc-9f97-fa700d3b6606/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-concept" target="_blank" rel="nofollow">Bookstore Concept by Moyi Abioye</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/cad09bd5-a53f-4610-8b3c-a8579c472650/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-challenge-app" target="_blank" rel="nofollow">Bookstore challenge app by Clément Gachon</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-challenge-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9014fd79-a99c-45e2-9d21-ee545654156b/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-60a26efc-0572-46f0-9fc8-c050c704c1f3" target="_blank" rel="nofollow">Bookstore app by Zee dsign</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-60a26efc-0572-46f0-9fc8-c050c704c1f3" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/4dbabf0d-23b1-4087-9a3d-40398995ee19/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-application-for-ios-7b16fe0b-22a3-496f-a8af-801eb88415c2" target="_blank" rel="nofollow">Book Store Application for IOS by Nikunj Patoliya</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-application-for-ios-7b16fe0b-22a3-496f-a8af-801eb88415c2" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/59bfe260-6792-43dc-b90f-3b772ce9bca6/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-c048ea11-690c-44cf-af69-4a5234822a8e" target="_blank" rel="nofollow">Bookstore App by Radhika Kapoor</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-c048ea11-690c-44cf-af69-4a5234822a8e" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/33c6e237-81a9-46f9-be2e-758fadab56d0/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-challenge-799b0d7a-1eb1-4e9e-be4f-6e9dd0756701" target="_blank" rel="nofollow">Bookstore Challenge by Harpreet Kaur</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-challenge-799b0d7a-1eb1-4e9e-be4f-6e9dd0756701" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/c2a3ba83-6cb9-431a-a13a-afb01bfd0ba7/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-123221f5-2dbd-450e-95b4-f50fa78566dc" target="_blank" rel="nofollow">Bookstore App by Ambrose Temidayo Bako</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-123221f5-2dbd-450e-95b4-f50fa78566dc" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/614ce4c6-c9ca-4f1d-8d2a-717118c074f1/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-cbef22e6-09dc-475b-a57d-6795154a9f9a" target="_blank" rel="nofollow">Bookstore by Sergey Chepasov</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-cbef22e6-09dc-475b-a57d-6795154a9f9a" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/0a2f9f15-7dab-4968-9478-0a7a6a692164/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/e-book-store-app" target="_blank" rel="nofollow">E-Book store App by Akash S</a></h4>
<p><a href="https://www.uplabs.com/posts/e-book-store-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/d503de54-ec9f-4cbb-87b8-69d4df70d60b/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-application-challenge" target="_blank" rel="nofollow">Book Store Application *CHALLENGE* by Kunvar Makkar</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-application-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/910cdfab-f0e1-4302-84a2-61dbba37480e/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/online-bookstore-app" target="_blank" rel="nofollow">Online Bookstore App by Laura Flint</a></h4>
<p><a href="https://www.uplabs.com/posts/online-bookstore-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/74d65f7e-15b9-473d-b14d-9a723648a2ea/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/modern-bookstore-ui-design" target="_blank" rel="nofollow">Modern Bookstore UI Design by Geeth Maduranga</a></h4>
<p><a href="https://www.uplabs.com/posts/modern-bookstore-ui-design" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9c49de64-c54d-493f-a9ab-c4a68cc49b6a/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-challenge" target="_blank" rel="nofollow">Bookstore challenge by Dulanjaya Samarajeewa</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/0bcec788-a650-4b9b-8926-bb9fc9fa61c2/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-concept-ui" target="_blank" rel="nofollow">Bookstore app concept UI by Shrinidhi Gour</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-concept-ui" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/326ccd9c-f777-426b-8c09-ec29c1d314f6/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/audio-book-app-ui-kit" target="_blank" rel="nofollow">Audio Book App UI Kit by Opus Labs</a></h4>
<p><a href="https://www.uplabs.com/posts/audio-book-app-ui-kit" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/13b12920-820d-4ba7-9d10-cb030aeed6e9/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/libro-the-eyes-of-the-world" target="_blank" rel="nofollow">Libro - The eyes of the world by Alver Hothasi</a></h4>
<p><a href="https://www.uplabs.com/posts/libro-the-eyes-of-the-world" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/7a59dba2-cc80-40e0-877d-1d1a904715d3/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/audiobook-browse-buy-and-listen" target="_blank" rel="nofollow">Audiobook – Browse, Buy, and Listen by Ryan Spencer</a></h4>
<p><a href="https://www.uplabs.com/posts/audiobook-browse-buy-and-listen" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/b8f46e39-1b17-4578-a65a-6d48dc432935/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/ocean-books-a-bookstore-app-mockup" target="_blank" rel="nofollow">Ocean Books: A bookstore app mockup by Element Softworks</a></h4>
<p><a href="https://www.uplabs.com/posts/ocean-books-a-bookstore-app-mockup" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a0466a28-5caa-4499-8580-84f3fc759793/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-app-39b728d2-fa53-4c1c-9881-9d1e39fb2e47" target="_blank" rel="nofollow">Bookstore App by Aravind Little Jack</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-app-39b728d2-fa53-4c1c-9881-9d1e39fb2e47" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/05977947-0d81-4d92-9386-9c8f8d9ad5a7/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/online-bookstore" target="_blank" rel="nofollow">Online Bookstore by Naveen Sharma</a></h4>
<p><a href="https://www.uplabs.com/posts/online-bookstore" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/61fd02b8-8971-4049-ab65-d25d0438d403/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-concept-21d88ba0-0770-4d58-86c0-4c393694d625" target="_blank" rel="nofollow">Book store concept by purnika perera</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-concept-21d88ba0-0770-4d58-86c0-4c393694d625" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/b941ecd4-6ece-439d-b62f-77df1a1e4d93/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-8de2cc68-052c-482e-abcb-bd374318f9c8" target="_blank" rel="nofollow">Book Store by Vijay Bhuva</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-8de2cc68-052c-482e-abcb-bd374318f9c8" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a82d4896-2db4-4064-8bfe-3d97eba7b645/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/online-book-store-3d819b3d-3131-44bd-aa52-077c9b84383d" target="_blank" rel="nofollow">Online Book Store by Kapil Rao Panwar</a></h4>
<p><a href="https://www.uplabs.com/posts/online-book-store-3d819b3d-3131-44bd-aa52-077c9b84383d" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a3c0fa18-1975-4266-8cba-2a4aea46732b/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookova-book-store-ios-apps" target="_blank" rel="nofollow">Bookova (Book Store IOS Apps) by Agus “Kawur” Handoko</a></h4>
<p><a href="https://www.uplabs.com/posts/bookova-book-store-ios-apps" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/68b747ff-532a-42c9-8ed5-a50a53a0ca07/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-challenge" target="_blank" rel="nofollow">Book Store Challenge by Avinash kumawat</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/cb7d9cc1-cb0e-4481-af85-896516ee5ba8/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-subscription-mobile-app" target="_blank" rel="nofollow">Book Subscription Mobile App by Yuri G</a></h4>
<p><a href="https://www.uplabs.com/posts/book-subscription-mobile-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/ebaea0a5-456d-4967-9be8-cab5ecbd6a79/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-for-ios" target="_blank" rel="nofollow">Book Store For iOS by UI Ninja</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-for-ios" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/945b4ab4-619b-4060-ac9c-288416caa19c/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-app-f8d39f46-ce65-4263-a657-4e1fe0d7d3f9" target="_blank" rel="nofollow">Book Store App by chaitrali deshmukh</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-app-f8d39f46-ce65-4263-a657-4e1fe0d7d3f9" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/570ccd86-c437-498c-a885-f2195a7b9b7a/preview.png" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/book-store-app-design-challenge" target="_blank" rel="nofollow">Book Store App Design Challenge by A. Gorzała</a></h4>
<p><a href="https://www.uplabs.com/posts/book-store-app-design-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/2a66b5a6-f5aa-45f4-80bf-ebd46b657c2f/preview.jpg" alt="" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/bookstore-ver" target="_blank" rel="nofollow">Bookstore Ver by inu wicaksono</a></h4>
<p><a href="https://www.uplabs.com/posts/bookstore-ver" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/e894ba7a-1444-49e5-9585-5445141161c5/preview.jpg" alt="" /></a></p>saradHere is a curated list of bookstore mobile application UI designs choosen from UI design challenges which were featured and considered best. These designs can fit for E-book reader application,38 Beautiful Meditation App UI Design Concepts2019-11-22T08:24:46+00:002019-11-22T08:24:46+00:00https://ictsolved.github.io/beautiful-meditation-app-ui-concepts<p>Meditation is a way to seek into one’s innerself and promote innerpeace. It is very important to focus on the user interface as well as user experience while designing applications for such purpose. <!--more-->These are the most beautiful and pixel perfect meditation app UI design concepts from which you can take inspiration while developing your applicaiton. All these UI are carefully designed with the UI/UX design pattern that are currently dominating the industry.</p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/6089793-A-serious-meditation-app" target="_blank" rel="nofollow">Neco - Meditation and ASMR App Ui Kit by Betush</a></h4>
<p><a href="https://dribbble.com/shots/6089793-A-serious-meditation-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/a23cea9c-0f76-46eb-adee-a00edd09dfad/preview.jpg" alt="meditation app ui design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-ui-kit" target="_blank" rel="nofollow">Meditation App UI Kit by Shakibul I. Khan</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-ui-kit" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/f7c6151b-026a-4358-86e6-40c08c80d708/preview.jpg" alt="meditation app sketch" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-ios-app" target="_blank" rel="nofollow">Meditation iOS app by UIGiants</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-ios-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/861fe7be-8846-400e-a0ab-3a25bd7a3741/preview.gif" alt="meditation App UI Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-17af4d3a-96a4-41ea-89a8-917a8e537fbf" target="_blank" rel="nofollow">Meditation App by Lavesh Vadhvana</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-17af4d3a-96a4-41ea-89a8-917a8e537fbf" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/4d7cb96c-e9ed-44c6-9540-b67aa8dc4751/preview.png" alt="Hookup and meditation app ui" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-challenge-298d2e19-d56a-4f33-a3bc-a1bee2ecc13f" target="_blank" rel="nofollow">Meditation App Challenge by Fábio Santos</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-challenge-298d2e19-d56a-4f33-a3bc-a1bee2ecc13f" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9e35b937-045b-457b-88cc-cbb42fdd7820/attachment.jpg" alt="meditation Application Mobile UI Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-application" target="_blank" rel="nofollow">Meditation Application by Parth Kachhadiya</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-application" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/94530951-473d-467e-b9f0-a7ca077e5825/preview.png" alt="Sleafy meditation App" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/mindbal-meditation-application" target="_blank" rel="nofollow">Mindbal - Meditation Application by Urvashi Jain</a></h4>
<p><a href="https://www.uplabs.com/posts/mindbal-meditation-application" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/30ffcebd-2d95-4f90-ae2e-a082b96a8cc1/preview.jpg" alt="Colorful meditation App" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-ios-app-19a9318b-c39a-4036-b443-4e18ce198d62" target="_blank" rel="nofollow">meditation - ios app by marwa mostafa</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-ios-app-19a9318b-c39a-4036-b443-4e18ce198d62" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9e99114f-7e26-4eec-a4b4-5b0be7cff335/preview.png" alt="meditation App Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-96e1a112-cd0b-4aa0-b88c-c7d3486055d1" target="_blank" rel="nofollow">Meditation App by Gautam_Arora_Design</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-96e1a112-cd0b-4aa0-b88c-c7d3486055d1" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/99b5d4d7-50a4-48e1-8cc2-d72e73bcf9da/attachment.jpg" alt="Partner Match App Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/peace-meditation-app" target="_blank" rel="nofollow">Peace Meditation App by Prashant Savekar</a></h4>
<p><a href="https://www.uplabs.com/posts/peace-meditation-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/1ccb027b-cbe0-4646-ac99-8d0efcac13f7/preview.png" alt="meditation App Design by Dibbendo Pranto" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/heiwa-meditation-app" target="_blank" rel="nofollow">HEIWA - Meditation App by Alver Hothasi</a></h4>
<p><a href="https://www.uplabs.com/posts/heiwa-meditation-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/9fa336b7-3acf-4e87-a9c0-a1b86d046f6e/preview.jpg" alt="meditation App by Olga" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-concept-mobile-app" target="_blank" rel="nofollow">Meditation concept mobile app by Duc Nguyen</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-concept-mobile-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/68c4d947-ef96-462e-9c24-1b00a84c1562/preview.gif" alt="meditation App UI" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-challenge" target="_blank" rel="nofollow">Meditation App Challenge by Saurabh Rai</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-challenge" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/d00bf991-f295-40c8-8fe1-30405e9a2225/preview.png" alt="meditation App Mobile UI Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/lotus-meditation-ui-kit" target="_blank" rel="nofollow">Lotus Meditation UI Kit by UI Machines</a></h4>
<p><a href="https://www.uplabs.com/posts/lotus-meditation-ui-kit" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/0771f904-8bb4-4762-abb8-3ab58281bdcc/attachment.png" alt="UI Design of meditation App" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-d4e1d11d-0e9d-48e9-b4ae-3a59132800a1" target="_blank" rel="nofollow">Meditation by Raj Jangam</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-d4e1d11d-0e9d-48e9-b4ae-3a59132800a1" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/2826a6c8-1c37-4d5b-bdb9-9ff0424ca1a1/preview.jpg" alt="meditation App Project UI Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/om-meditation-app" target="_blank" rel="nofollow">Om Meditation App by chaitrali deshmukh</a></h4>
<p><a href="https://www.uplabs.com/posts/om-meditation-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/0faf8a7d-cd67-4e83-aaba-8b3e7b63c404/preview.png" alt="meditation App UI/UX Concept" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-concept-design" target="_blank" rel="nofollow">Meditation App Concept Design by Yuliana Buitrago</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-concept-design" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/1a125bed-1fc6-4137-be8a-afd1958a719b/preview.png" alt="meditation iOS App Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/feelite-meditation-app" target="_blank" rel="nofollow">Feelite meditation app by wanderson jackson</a></h4>
<p><a href="https://www.uplabs.com/posts/feelite-meditation-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/b13a3cd3-9cfe-4e6c-8063-8f9c670be561/preview.png" alt="meditation App UI Concept" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/safir-meditation-ui-kit" target="_blank" rel="nofollow">Safir Meditation UI Kit by Oguz Bulbul</a></h4>
<p><a href="https://www.uplabs.com/posts/safir-meditation-ui-kit" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/4032891c-6ed8-455d-add5-64a3ccf69ee8/preview.jpg" alt="meditation App UI Design" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/mindfulness-app-ios-b9f3724e-0e36-4066-a63e-a9f82945f7a1" target="_blank" rel="nofollow">Mindfulness App - iOS by Hrittika Bhowmick</a></h4>
<p><a href="https://www.uplabs.com/posts/mindfulness-app-ios-b9f3724e-0e36-4066-a63e-a9f82945f7a1" target="_blank" rel="nofollow"><img class="mb-3" src="https://mir-s3-cdn-cf.behance.net/project_modules/source/2f45e685804503.5d8717bf74d6b.jpg" alt="meditation App UI Design Idea" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-concept-ee378bb2-4348-4eff-b4cd-51c2f31e6f6d" target="_blank" rel="nofollow">Meditation App concept by SUNA</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-concept-ee378bb2-4348-4eff-b4cd-51c2f31e6f6d" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/33c9da46-e1d9-48f8-9c19-7ff556969db0/preview.png" alt="meditation App Concept" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-podcast-app-concept" target="_blank" rel="nofollow">Meditation podcast app concept by Anthony Choren</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-podcast-app-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/f54b188e-4d13-4726-9e9e-68c6c627c4b1/preview.jpg" alt="meditation App Concept" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-a45a47cc-56ff-407c-921f-9e7e19726460" target="_blank" rel="nofollow">Meditation App by Robin Singh</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-a45a47cc-56ff-407c-921f-9e7e19726460" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/6a1d7efb-0fea-40d0-85a9-e5c1015c0209/attachment.png" alt="meditation App Motivation" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/medidate-app" target="_blank" rel="nofollow">Medidate App by Aviv Talmor</a></h4>
<p><a href="https://www.uplabs.com/posts/medidate-app" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/6009962a-3093-4b90-9c57-77bb7ca399d9/preview.png" alt="meditation App UI" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-concept" target="_blank" rel="nofollow">Meditation App Concept by Chiselle Beukes</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/141e493f-60ad-4461-85fe-73bee22767dc/preview.jpg" alt="meditation App Inspiration" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-main-screens-animation" target="_blank" rel="nofollow">Meditation Main Screens - animation by Duc Nguyen</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-main-screens-animation" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/c1a4316e-b1ef-422d-8961-40079593dae1/preview.gif" alt="meditation App Mockup" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-67dfb56c-7e63-4812-ace5-e7c8c322c35a" target="_blank" rel="nofollow">Meditation App by Design Quant</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-67dfb56c-7e63-4812-ace5-e7c8c322c35a" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/2f1339a0-ab6b-47ad-b5ca-148d538f83f0/preview.png" alt="meditation App UI" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditation-app-5c5a6764-2148-4989-99f9-1d81d4634a0d" target="_blank" rel="nofollow">Meditation App by Appetiser Apps</a></h4>
<p><a href="https://www.uplabs.com/posts/meditation-app-5c5a6764-2148-4989-99f9-1d81d4634a0d" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/44d48d70-8b9d-405c-b12f-0083346b23a8/preview.png" alt="meditation App UI Concept" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/fokus-meditation-habit-building-nativescript" target="_blank" rel="nofollow">Fokus: Meditation & Habit Building | NativeScript by Mr Blade</a></h4>
<p><a href="https://www.uplabs.com/posts/fokus-meditation-habit-building-nativescript" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/2582918e-0161-4ac3-9c50-90ad3bdb9a6d/preview.png" alt="meditation App Design Motivation" /></a></p>
<h4 class="mb-2"><a href="https://www.uplabs.com/posts/meditations-5624c65f-e5f9-437d-b11e-ec6620a0d3ff" target="_blank" rel="nofollow">Meditations App by Himanshu Agarwal</a></h4>
<p><a href="https://www.uplabs.com/posts/meditations-5624c65f-e5f9-437d-b11e-ec6620a0d3ff" target="_blank" rel="nofollow"><img class="mb-3" src="https://assets.materialup.com/uploads/66c5a954-5913-48a4-979d-f8ea9624289f/preview.png" alt="meditation App Concept" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/6492892-Bold-UI-concept" target="_blank" rel="nofollow">Bold - UI concept by Zoia Maltseva for Arounda</a></h4>
<p><a href="https://dribbble.com/shots/6492892-Bold-UI-concept" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/1737162/screenshots/6492892/800_600_2x.png" alt="meditation App UI Challenge" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/3773860-Meditation-App-iOS" target="_blank" rel="nofollow">Meditation App iOS by Ela Kumela for EL Passion</a></h4>
<p><a href="https://dribbble.com/shots/3773860-Meditation-App-iOS" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/1396627/screenshots/3773860/shot2.png" alt="meditation App UI Design" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/7093248-Meditation-App" target="_blank" rel="nofollow">Meditation App by Nazariy Medukha </a></h4>
<p><a href="https://dribbble.com/shots/7093248-Meditation-App" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/2635269/screenshots/7093248/media/82083cec82d182a36101b0f0f805e60c.png" alt="meditation redesign" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/6997933-Beginner-Kits-App-Design" target="_blank" rel="nofollow">Beginner Kits - App Design by Andrew McKay for Insight Timer</a></h4>
<p><a href="https://dribbble.com/shots/6997933-Beginner-Kits-App-Design" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/310943/screenshots/6997933/beginner_kits_2x.png" alt="meditation App UI Kit" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/7596831-Meditation-Sleep-iOS-App" target="_blank" rel="nofollow">Meditation Sleep iOS App by Cooper & Cooper</a></h4>
<p><a href="https://dribbble.com/shots/7596831-Meditation-Sleep-iOS-App" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/2323047/screenshots/7596831/media/88a229f9024b7407949fa5e09eea9e3c.jpg" alt="meditation App Template" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/7320541-Prezence" target="_blank" rel="nofollow">Prezence by Samantha Broccoli</a></h4>
<p><a href="https://dribbble.com/shots/7320541-Prezence" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/1232099/screenshots/7320541/media/cf8526f6cdfe8ac066847435fc4905ba.png" alt="meditation App Dark Mode UI" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/6570561-Meditation-App" target="_blank" rel="nofollow">Meditation App by Konstantin Vorontsov</a></h4>
<p><a href="https://dribbble.com/shots/6570561-Meditation-App" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/209359/screenshots/6570561/untitled-1_2x.png" alt="meditation Social App UI Concept" /></a></p>
<h4 class="mb-2"><a href="https://dribbble.com/shots/7145820-Samsara-Timer" target="_blank" rel="nofollow">Samsara Timer by Yash</a></h4>
<p><a href="https://dribbble.com/shots/7145820-Samsara-Timer" target="_blank" rel="nofollow"><img class="mb-3" src="https://cdn.dribbble.com/users/1882871/screenshots/7145820/media/4374452f59e483eb28fbef8f4098070b.png" alt="meditation App Concept" /></a></p>saradMeditation is a way to seek into one’s innerself and promote innerpeace. It is very important to focus on the user interface as well as user experience while designing applications for such purpose.22 Outstanding Dentist App UI Designs2019-09-03T13:44:46+00:002019-09-03T13:44:46+00:00https://ictsolved.github.io/22-outstanding-dentist-app-ui-designs<p>Technology has benefitted us in several ways and one of them is taking an appointment with doctors with mobile apps <!--more-->. It is very convenient if the user interface and user experience have been carefully designed. Check out these best and chosen 22 outstanding dentist app UI designs crafted with the latest UI design trends.</p>
<h3 id="1-dentist-online-by-aamir-mustafa"><a href="https://www.uplabs.com/posts/dentis-online" target="_blank" rel="nofollow">1. Dentist Online by Aamir Mustafa</a></h3>
<p><a href="https://www.uplabs.com/posts/dentis-online" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-16.png" alt="Dentist Online UI design" />
</a></p>
<hr />
<h3 id="2-clean-and-calm-dentist-by-phillip-hodge"><a href="https://www.uplabs.com/posts/clean-and-calm-dentist-ui" target="_blank" rel="nofollow">2. Clean and Calm Dentist by Phillip Hodge</a></h3>
<p><a href="https://www.uplabs.com/posts/clean-and-calm-dentist-ui" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-2.gif" alt="Clean and Calm Dentist UI" />
</a></p>
<hr />
<h3 id="3-dental-care-chatbot-by-tejas-govilkar"><a href="https://www.uplabs.com/posts/dental-care-chatbot-concept-fb2e394d-8ea8-448f-8352-f9d18ff5c9bd" target="_blank" rel="nofollow">3. Dental Care Chatbot by Tejas Govilkar</a></h3>
<p><a href="https://www.uplabs.com/posts/dental-care-chatbot-concept-fb2e394d-8ea8-448f-8352-f9d18ff5c9bd" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-3.png" alt="Dental Care Chatbot UI Kit" />
</a></p>
<hr />
<h3 id="4-dentist-app-by-prashant-savekar"><a href="https://www.uplabs.com/posts/dentist-app-01c3b74e-0234-4f5c-8ef4-eba21aca443d" target="_blank" rel="nofollow">4. Dentist App by Prashant Savekar</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-01c3b74e-0234-4f5c-8ef4-eba21aca443d" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-4.png" alt="Dentist App Design" />
</a></p>
<hr />
<h3 id="5-dentplus-by-ivan-stefunko"><a href="https://www.uplabs.com/posts/dentplus-free-ui-kit" target="_blank" rel="nofollow">5. DentPlus by Ivan Stefunko</a></h3>
<p><a href="https://www.uplabs.com/posts/dentplus-free-ui-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-5.png" alt="Dentist app Design" />
</a></p>
<hr />
<h3 id="6-dentist-app-concept-by-gautam_arora_design"><a href="https://www.uplabs.com/posts/dentist-app-concept" target="_blank" rel="nofollow">6. Dentist App Concept by Gautam_Arora_Design</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-concept" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-6.png" alt="Dentist appointment UI" />
</a></p>
<hr />
<h3 id="7-dentist-app-ui-design-by-designer-techcronus"><a href="https://www.uplabs.com/posts/dentist-app-ui-design" target="_blank" rel="nofollow">7. Dentist App UI Design by Designer Techcronus</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-ui-design" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-7.png" alt="Dentist App UI Design" />
</a></p>
<hr />
<h3 id="8-dental-care-by-cmarix-technolabs"><a href="https://www.uplabs.com/posts/dental-care-dentist-app" target="_blank" rel="nofollow">8. Dental Care by CMARIX TechnoLabs</a></h3>
<p><a href="https://www.uplabs.com/posts/dental-care-dentist-app" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-8.png" alt="Dental Care App UI" />
</a></p>
<hr />
<h3 id="9-dentist-app-by-kapil-rao-panwar"><a href="https://www.uplabs.com/posts/dentist-app-8d2bc354-2b19-4b4a-9d0c-1a2d14937051" target="_blank" rel="nofollow">9. Dentist App by Kapil Rao Panwar</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-8d2bc354-2b19-4b4a-9d0c-1a2d14937051" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-9.png" alt="Dentist App UI" />
</a></p>
<hr />
<h3 id="10-dentist-app-challenge"><a href="https://www.uplabs.com/posts/dentists-app-challenge" target="_blank" rel="nofollow">10. Dentist App Challenge</a></h3>
<p><a href="https://www.uplabs.com/posts/dentists-app-challenge" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-10.png" alt="Dentist App Challenge" />
</a></p>
<hr />
<h3 id="11-dental-app-by-ciubster"><a href="https://www.uplabs.com/posts/dental-app" target="_blank" rel="nofollow">11. Dental App by ciubster</a></h3>
<p><a href="https://www.uplabs.com/posts/dental-app" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-11.png" alt="Dental App UI Design" />
</a></p>
<hr />
<h3 id="12-diligent-dental-by-bharat-nivas"><a href="https://www.uplabs.com/posts/diligent-dental" target="_blank" rel="nofollow">12. Diligent Dental by bharat nivas</a></h3>
<p><a href="https://www.uplabs.com/posts/diligent-dental" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-12.png" alt="Dentist appointment App UI" />
</a></p>
<hr />
<h3 id="13-dentist-app-challenge-by-krati-vyas"><a href="https://www.uplabs.com/posts/dentist-app-challenge-3fd9aa9d-e92f-4ee4-a2a2-b22c4ab87b00" target="_blank" rel="nofollow">13. Dentist App Challenge by Krati vyas</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-challenge-3fd9aa9d-e92f-4ee4-a2a2-b22c4ab87b00" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-13.png" alt="Dentist App UI Challenge" />
</a></p>
<hr />
<h3 id="14-dentist-app-ui-by-samrudhi-margi"><a href="https://www.uplabs.com/posts/dentist-app-challenge" target="_blank" rel="nofollow">14. Dentist App UI by Samrudhi Margi</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-challenge" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-14.png" alt="Dentist App UI design" />
</a></p>
<hr />
<h3 id="15-multi-feature-dentist-app-by-nayan-radadiya"><a href="https://www.uplabs.com/posts/dentist-app-home-ui-kit" target="_blank" rel="nofollow">15. Multi Feature Dentist App by nayan radadiya</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-home-ui-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-15.png" alt="Multi Feature Dentist App UI design" />
</a></p>
<hr />
<h3 id="16-dentist-app-by-arya-ashok"><a href="https://www.uplabs.com/posts/dentist-app-226156bb-ed46-453a-986e-45fe1da72ee2" target="_blank" rel="nofollow">16. Dentist App by ARYA ASHOK</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-226156bb-ed46-453a-986e-45fe1da72ee2" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-1.png" alt="Dentist Application UI Kit" />
</a></p>
<hr />
<h3 id="17-dentist-app-home-ui-kit-by-themex"><a href="https://www.uplabs.com/posts/dentist-app-home-ui-kit" target="_blank" rel="nofollow">17. Dentist App Home UI Kit by Themex</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-app-home-ui-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-17.png" alt="Dentist App Home UI Kit" />
</a></p>
<hr />
<h3 id="18-dentist-reservation-app-by-parsa"><a href="https://www.uplabs.com/posts/dentist-reservation-app" target="_blank" rel="nofollow">18. Dentist Reservation App by Parsa</a></h3>
<p><a href="https://www.uplabs.com/posts/dentist-reservation-app" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-18.png" alt="Dentist Reservation App UI" />
</a></p>
<hr />
<h3 id="19-wisdom-dental-app-by-element-softworks"><a href="https://www.uplabs.com/posts/wisdom-dental-app" target="_blank" rel="nofollow">19. Wisdom Dental App by Element Softworks</a></h3>
<p><a href="https://www.uplabs.com/posts/wisdom-dental-app" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-19.png" alt="Dental App UI" />
</a></p>
<hr />
<h3 id="20-dental-health-app-by-andrea-hock"><a href="https://dribbble.com/shots/6197013-Dental-Health-App-Automated-Hack-24" target="_blank" rel="nofollow">20. Dental Health App by Andrea Hock</a></h3>
<p><a href="https://dribbble.com/shots/6197013-Dental-Health-App-Automated-Hack-24" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-21.png" alt="Dental Health App UI" />
</a></p>
<hr />
<h3 id="21-dental-clinic-booking-and-appointment-by-olga-for-netrix-in-adobe-live"><a href="https://dribbble.com/shots/5573619-Adobe-Live-Stream" target="_blank" rel="nofollow">21. Dental Clinic Booking and Appointment by Olga for Netrix in Adobe Live</a></h3>
<p><a href="https://dribbble.com/shots/5573619-Adobe-Live-Stream" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-22.png" alt="Dental Clinic Booking and Appointment design" />
</a></p>
<hr />
<h3 id="22-my-dentist-by-johny-vino"><a href="https://dribbble.com/shots/3461370-My-Dentist-app-concept" target="_blank" rel="nofollow">22. My Dentist by Johny vino™</a></h3>
<p><a href="https://dribbble.com/shots/3461370-My-Dentist-app-concept" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-03-23-outstanding-dentist-app-ui-designs/dentist-app-ui-23.gif" alt="Dentist App UI design" />
</a></p>
<p>So we have presented you the 22 best Dentist App UI inspiration. You can view more screens and license by clicking on the title or image in order to use them in your application.</p>
<p>Let us know, which design you liked the most by sharing your opinions in the comment section below.</p>saradTechnology has benefitted us in several ways and one of them is taking an appointment with doctors with mobile apps15 Best Clock App UI Design 20192019-09-01T03:44:46+00:002019-09-01T03:44:46+00:00https://ictsolved.github.io/15-best-clock-app-ui-design-2019<p>UI/UX design has been one of the most crucial aspects of tech industry. Tech companies are paying huge sum for the designers to provide best UI/UX to their customers. Alarm Clock, Stopwatch, Timer and World Clock are very useful <!--more-->tools we use daily in our lives. Here we present you the best 15 UI Designs of clock app crafted with latest UI Design patterns. Let’s get started.</p>
<h3 id="1-alarm-ui-kit-by-arjun-makwana"><a href="https://www.uplabs.com/posts/clock-alarm-application-ui-kit" target="_blank" rel="nofollow">1. Alarm UI Kit by Arjun Makwana</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-alarm-application-ui-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-1.png" alt="Alarm Application UI Kit" />
</a>
Alarm Application UI Kit has very soothing and relaxing color and looks and also has a very intuitive design. The versatility it provides lets the user find what they need at their fingertips. It provides Alarm Clock, World Clock, Timer as well as Stop Watch.</p>
<h3 id="2-world-clock-by-uconix-studio"><a href="https://www.uplabs.com/posts/clock-app-design-challenge" target="_blank" rel="nofollow">2. World Clock by Uconix Studio</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-design-challenge" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-2.png" alt="World Clock UI" />
</a>
World Clock is made using Figma which is a collaborative interface design tool. It follow a Flat Design culture and is very beautiful. The background changes as per the time i.e. day and night. It also has a reminder feature.</p>
<h3 id="3-clock-ui-kit-by-techeshta"><a href="https://www.uplabs.com/posts/clock-application-app-ui-kits-for-clock-alarm-stopwatch-and-timer" target="_blank" rel="nofollow">3. Clock UI Kit by Techeshta</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-application-app-ui-kits-for-clock-alarm-stopwatch-and-timer" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-3.png" alt="Clock Application UI Kit" />
</a>
Clock Application UI Kit is another simple yet attractive and beautiful UI design. The color combination, font and and UI Design pattern it follows make it look beautiful. It also has analog clock display.</p>
<h3 id="4-world-clock-app-by-andrew-vasilyev"><a href="https://www.uplabs.com/posts/world-clock-app-kit" target="_blank" rel="nofollow">4. World Clock App by Andrew Vasilyev</a></h3>
<p><a href="https://www.uplabs.com/posts/world-clock-app-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-4.gif" alt="World Clock App Design" />
</a>
If you like fancy designs, then World Clock App is one of them. It has a fancy look, clear font and neat UI designed carefully to make it look pixel perfect.</p>
<h3 id="5-gradient-clock-by-andrew-canham"><a href="https://www.uplabs.com/posts/clock-app-50c7da35-9089-48a4-afaf-6794892c0d8d" target="_blank" rel="nofollow">5. Gradient Clock by Andrew Canham</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-50c7da35-9089-48a4-afaf-6794892c0d8d" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-5.png" alt="Gradient Clock App Design" />
</a>
Gradient color when created with extra effor can really please your eyes and makes them look into. This principle is followed by the Gradient Clock. The perfect combination of colors created very beautiful gradient which is used in this design. It provides UI designs for Alarm, Timer and Stopwatch. It also has analog clock and focuses more on cupertino design.</p>
<h3 id="6-pinky-by-aneesh-ravi"><a href="https://www.uplabs.com/posts/clock-app-c6bd73b2-8887-4adb-ae16-14b1095d1b63" target="_blank" rel="nofollow">6. Pinky by Aneesh Ravi</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-c6bd73b2-8887-4adb-ae16-14b1095d1b63" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-6.png" alt="Pinky Clock UI" />
</a>
Pinky uses pink color as it’s primary color and has a neat design. It is fancy and the fonts are very very clear that makes it attractive and beautiful.</p>
<h3 id="7-cyan-clock-by-bayu-s"><a href="https://www.uplabs.com/posts/clock-app-design-2ce3f511-167a-4ddb-9c89-bbb88ca5969f" target="_blank" rel="nofollow">7. Cyan Clock by Bayu S</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-design-2ce3f511-167a-4ddb-9c89-bbb88ca5969f" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-7.png" alt="Cyan Clock App Design" />
</a>
Cyan clock shows the perfect example of beauty lies in simplicity. It has a simple design yet compelling to eyes. It features alarm clock, timer, stopwatch and world clock with cyan as its primary colour. If you love simplicity then it is the best design you may approach to.</p>
<h3 id="8-fluid-clock-by-aseem-shah"><a href="https://www.uplabs.com/posts/alarm-clock-e0304a56-0c61-4049-94fa-5e45654feb32" target="_blank" rel="nofollow">8. Fluid Clock by Aseem Shah</a></h3>
<p><a href="https://www.uplabs.com/posts/alarm-clock-e0304a56-0c61-4049-94fa-5e45654feb32" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-8.png" alt="Liquid Gradient Color" />
</a>
Fluid Clock is yet another design created artistically with the fluid design principle. The gradient used in combination with the fluid design make it look very beautiful. It has design for all the screens that a modern clock appliation possess.</p>
<h3 id="9-fancy-clock-by-barsan-patel"><a href="https://www.uplabs.com/posts/clock-app-ui-design-kit" target="_blank" rel="nofollow">9. Fancy Clock by barsan patel</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-ui-design-kit" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-9.png" alt="Fancy Clock UI" />
</a>
If you are fond of fancyness then Fancy Clock can be your choice. The designer has put his efforts very carefully to create this beautiful UI. The buttons, other UI components such as overlay are its uniqueness.</p>
<h3 id="10-weather-clock-by-ranishchirayil"><a href="https://www.uplabs.com/posts/clock-app-challenge-a9f31341-51be-4dbe-bd81-667ebc8d8de1" target="_blank" rel="nofollow">10. Weather Clock by ranishchirayil</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-challenge-a9f31341-51be-4dbe-bd81-667ebc8d8de1" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-10.png" alt="Clock UI with Weather" />
</a>
Weather Clock is another clock design that also shows weather information concurrently along with the clock. It is created with AdobeXD. It has a simple yet intuitive UI and also has analog clock.</p>
<h3 id="11-teal-clock-by-pranay-agarwal"><a href="https://www.uplabs.com/posts/clock-app-redesign-671a0e93-d883-4ba8-9991-c91cb26166c0" target="_blank" rel="nofollow">11. Teal Clock by Pranay Agarwal</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-redesign-671a0e93-d883-4ba8-9991-c91cb26166c0" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-11.png" alt="Alarm Clock UI Design" />
</a>
A clock designed using only teal color yet attractive and beautiful. The designer has given full effort for making it look beautiful and eye catching. It has very clean and nice UI in all of its screens.</p>
<h3 id="12-clock-app-ui-challenge-by-avinash-bhujbal"><a href="https://www.uplabs.com/posts/clock-app-challenge-7c96e201-ff40-4e13-9f48-eb55b0936ce1" target="_blank" rel="nofollow">12. Clock App UI Challenge by Avinash Bhujbal</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-challenge-7c96e201-ff40-4e13-9f48-eb55b0936ce1" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-12.png" alt="Clock App UI Challenge" />
</a>
Clock App is a simple design that merges Material Design and Cupertino Design together to make it look clean and simple that you should not miss to check out.</p>
<h3 id="13-flat-clock-by-banzi-yeoh"><a href="https://www.uplabs.com/posts/clock-app-ui-challenges" target="_blank" rel="nofollow">13. Flat Clock by banzi yeoh</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-ui-challenges" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-13.png" alt="Flat Clock" />
</a>
Flat Clock is another example of simple clock design that comes to our list due to its clean UI.</p>
<h3 id="14-clock-ui-by-srinivas-b"><a href="https://www.uplabs.com/posts/clock-app-ui-695899c8-2b80-4643-97bb-1cad59309de1" target="_blank" rel="nofollow">14. Clock UI by Srinivas B</a></h3>
<p><a href="https://www.uplabs.com/posts/clock-app-ui-695899c8-2b80-4643-97bb-1cad59309de1" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-14.png" alt="Clock UI design" />
</a>
A straight forward and clean design that focuses on cupertino design makes this clock design unique and look fancy.</p>
<h3 id="15-dark-clock-by-aleksandr-malyavka"><a href="https://www.uplabs.com/posts/alarm-clock-application-c8ca40ee-16c2-4365-bdd3-68f2384c4d5f" target="_blank" rel="nofollow">15. Dark Clock by Aleksandr Malyavka</a></h3>
<p><a href="https://www.uplabs.com/posts/alarm-clock-application-c8ca40ee-16c2-4365-bdd3-68f2384c4d5f" target="_blank" rel="nofollow">
<img src="/assets/images/blog/2019-09-01-15-best-clock-app-ui-design-2019/alarm-clock-app-design-15.png" alt="Dark Clock UI design" />
</a>
Dark Clock is designed with the dark theme. The dark mode is another essential part of the UI designs these days and Dark Clock has paid full attention to make it look very neat and clean by paying attention to each and every fine details a designer should.</p>
<p>These are the best 15 Clock UI Designs choosen by us for you. Please review the license provided by the designer before you can use them into your projects. You can view the license and other screens of the design by clicking on the title or image.</p>
<p>Which design did you like the most? Do not forget to comment and share your opinions in the comment section.</p>saradUI/UX design has been one of the most crucial aspects of tech industry. Tech companies are paying huge sum for the designers to provide best UI/UX to their customers. Alarm Clock, Stopwatch, Timer and World Clock are very usefulGit Merge Tutorial2019-03-03T08:44:46+00:002019-03-03T08:44:46+00:00https://ictsolved.github.io/git-merge-tutorial<p>Git merge is used to join two or more development histories together. In this article, we are going to talk about different cases of merging the branches with example. <!--more--> Let’s get started.</p>
<blockquote>
<p><strong>Contents</strong></p>
<ol>
<li><a href="#parameter-detail">Parameters and Details</a></li>
<li><a href="#automatic-merge">Automatic Merging</a></li>
<li><a href="#find-branches-with-no-merged-changes">Finding all branches with no merged changes</a></li>
<li><a href="#aborting-merge">Aborting a merge</a></li>
<li><a href="#merge-with-commit">Merge with a commit</a></li>
<li><a href="#keep-changes-from-one-side">Keep changes from only one side of a merge</a></li>
<li><a href="#merge-into-another-branch">Merge one branch into another</a></li>
</ol>
</blockquote>
<h3 id="parameters-and-their-detail"><a class="anchor" name="parameter-detail"></a>Parameters and their detail</h3>
<p>The <em>git merge</em> command takes following parameters. Let’s have a look at the table along with thier short detail.</p>
<table>
<thead>
<tr>
<th>Parameter</th>
<th>Details</th>
</tr>
</thead>
<tbody>
<tr>
<td><code class="language-plaintext highlighter-rouge">-m</code></td>
<td>Message to be included in the merge commit</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">-v</code></td>
<td>Show verbose output</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--abort</code></td>
<td>Attempt to revert all files back to their state</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--ff-only</code></td>
<td>Aborts instantly when a merge-commit would be required</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--no-ff</code></td>
<td>Forces creation of a merge-commit, even if it wasn’t mandatory</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--no-commit</code></td>
<td>Pretends the merge failed to allow inspection and tweaking of the result</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--stat</code></td>
<td>Show a diffstat after merge completion</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">-n / --no-stat</code></td>
<td>Don’t show the diffstat</td>
</tr>
<tr>
<td><code class="language-plaintext highlighter-rouge">--squash</code></td>
<td>Allows for a single commit on the current branch with the merged changes</td>
</tr>
</tbody>
</table>
<h3 id="automatic-merging"><a class="anchor" name="automatic-merge"></a>Automatic Merging</h3>
<p>When the commits on two branches don’t conflict, Git can automatically merge them:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>~/Stack Overflow(branch:master) » git merge another_branch
Auto-merging file_a
Merge made by the 'recursive' strategy.
file_a | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
</code></pre></div></div>
<h3 id="finding-all-branches-with-no-merged-changes"><a class="anchor" name="find-branches-with-no-merged-changes"></a>Finding all branches with no merged changes</h3>
<p>Sometimes you might have branches lying around that have already had their changes merged into master. This finds all branches that are not master that have no unique commits as compared to master. This is very useful for finding branches that were not deleted after the PR was merged into master.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>for branch in $(git branch -r) ; do
[ "${branch}" != "origin/master" ] && [ $(git diff master...${branch} | wc -l) -eq 0 ] && echo -
e `git show --pretty=format:"%ci %cr" $branch | head -n 1`\\t$branch
done | sort -r
</code></pre></div></div>
<h3 id="aborting-a-merge"><a class="anchor" name="aborting-merge"></a>Aborting a merge</h3>
<p>After starting a merge, you might want to stop the merge and return everything to its pre-merge state. Use <em>–abort</em>:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git merge --abort
</code></pre></div></div>
<h3 id="merge-with-a-commit"><a class="anchor" name="merge-with-commit"></a>Merge with a commit</h3>
<p>Default behaviour is when the merge resolves as a fast-forward, only update the branch pointer, without creating a merge commit. Use <em>–no-ff</em> to resolve.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git merge <branch_name> --no-ff -m "<commit message>"
</code></pre></div></div>
<h3 id="keep-changes-from-only-one-side-of-a-merge"><a class="anchor" name="keep-changes-from-one-side"></a>Keep changes from only one side of a merge</h3>
<p>During a merge, you can pass <em>–ours</em> or <em>–theirs</em> to <em>git checkout</em> to take all changes for a file from one side or the other of a merge.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git checkout --ours -- file1.txt # Use our version of file1, delete all their changes
$ git checkout --theirs -- file2.txt # Use their version of file2, delete all our changes
</code></pre></div></div>
<h3 id="merge-one-branch-into-another"><a class="anchor" name="merge-into-another-branch"></a>Merge one branch into another</h3>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git merge incomingBranch
</code></pre></div></div>
<p>This merges the branch incomingBranch into the branch you are currently in. For example, if you are currently in master, then incomingBranch will be merged into master.</p>
<p>Merging can create conflicts in some cases. If this happens, you will see the message <em>Automatic merge failed</em>; fix conflicts and then commit the result. You will need to manually edit the conflicted files, or to undo your merge attempt, run:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git merge --abort
</code></pre></div></div>
<blockquote>
<p><em>This article is compiled from the original Stack Overflow Documentation released under
<a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC BY-SA 3.0</a>
and created by these contributors:
<a href="https://stackoverflow.com/users/5363885/" target="_blank">Liam Ferris</a>,
<a href="https://stackoverflow.com/users/1803692/" target="_blank">Vogel612</a>,
This website is not affiliated with
<a href="https://stackoverflow.com/" target="_blank">Stack Overflow</a>.
This article is published under
<a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC BY-SA 3.0</a>.
For corrections or feedback comment below or email to
<a href="mailto:ictsimplified@gmail.com?Subject=Feedback on Git Merge" target="_top">ictsimplified@gmail.com</a></em></p>
</blockquote>saradGit merge is used to join two or more development histories together. In this article, we are going to talk about different cases of merging the branches with example.Getting Started with Git2019-03-02T13:44:46+00:002019-03-02T13:44:46+00:00https://ictsolved.github.io/getting-started-with-git<p>Git is a distributed Version Control System (VCS) which is used for tracking the source code during software development. It allows collaboration between the contributors and targets to maintain integrity, and support for distributed, non-linear workflows. <!--more--> Let’s get started.</p>
<blockquote>
<p><strong>Contents</strong></p>
<ol>
<li><a href="#create-add-commit">Create your first repository, then add and commit files</a></li>
<li><a href="#clone-repository">Clone a repository</a></li>
<li><a href="#share-code">Sharing code</a></li>
<li><a href="#configure-user">Setting your user name and email</a></li>
<li><a href="#setting-up-remote">Setting up the upstream remote</a></li>
<li><a href="#help-command">Learning about a command</a></li>
<li><a href="#setup-ssh">Set up SSH for Git</a></li>
<li><a href="#installation">Git Installation</a>
<ul>
<li><a href="#installing-from-source">Installing from Source</a></li>
<li><a href="#installing-on-mac">Installing on Mac</a></li>
<li><a href="#installing-on-linux">Installing on Linux</a></li>
<li><a href="#installing-on-windows">Installing on Windows</a></li>
</ul>
</li>
</ol>
</blockquote>
<h3 id="create-your-first-repository-then-add-and-commit-files"><a class="anchor" name="create-add-commit"></a>Create your first repository, then add and commit files</h3>
<p>At the command line, first verify that you have Git installed:</p>
<p>On all operating systems:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git --version
</code></pre></div></div>
<p>On UNIX-like operating systems:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>which git
</code></pre></div></div>
<p>If nothing is returned, or the command is not recognized, you may have to install Git on your system. Jump to <a href="#installation">Git Installation</a> section for instructions.</p>
<p>After installing Git, configure your username and email address. Do this <em>before</em> making a commit. Jump to <a href="#configure-user">Setting your user name and email</a> section for instructions.</p>
<p>Once Git is installed and configured, navigate to the directory you want to place under version control and create an empty Git repository:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git init
</code></pre></div></div>
<p>This creates a hidden folder, <em>.git</em>, which contains the plumbing needed for Git to work.</p>
<p>Next, check what files Git will add to your new repository; this step is worth special care:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git status
</code></pre></div></div>
<p>Review the resulting list of files; you can tell Git which of the files to place into version control (avoid adding files with confidential information such as passwords, or files that just clutter the repo):</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git add <file/directory name #1> <file/directory name #2> < ... >
</code></pre></div></div>
<p>If all files in the list should be shared with everyone who has access to the repository, a single command will add everything in your current directory and its subdirectories:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git add .
</code></pre></div></div>
<p>This will “stage” all files to be added to version control, preparing them to be committed in your first commit.</p>
<p>For files that you want never under version control, create and populate a file named .gitignore before running the add command.</p>
<p>Commit all the files that have been added, along with a commit message:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git commit -m "Initial commit"
</code></pre></div></div>
<p>This creates a new commit with the given message. A commit is like a save or snapshot of your entire project. You can now push, or upload, it to a remote repository, and later you can jump back to it if necessary. If you omit the -m parameter, your default editor will open and you can edit and save the commit message there.</p>
<p><strong><u>Adding a remote</u></strong></p>
<p>To add a new remote, use the <strong>git remote add</strong> command on the terminal, in the directory your repository is stored at.</p>
<p>The <strong>git remote add</strong> command takes two arguments:</p>
<ol>
<li>A remote name, for example, origin</li>
<li>A remote URL, for example, https:<strong>//<</strong>your-git-service-address<strong>>/</strong>user<strong>/</strong>repo.git</li>
</ol>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git remote add origin https://<your-git-service-address>/owner/repository.git
</code></pre></div></div>
<p>NOTE: Before adding the remote you have to create the required repository in your git service, You’ll be able to push/pull commits after adding your remote.</p>
<h3 id="clone-a-repository"><a class="anchor" name="clone-repository"></a>Clone a repository</h3>
<p>The <strong>git clone</strong> command is used to copy an existing Git repository from a server to the local machine.</p>
<p>For example, to clone a GitHub project:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd <path where you would like the clone to create a directory>
git clone https://github.com/username/projectname.git
</code></pre></div></div>
<p>To clone a BitBucket project:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd <path where you would like the clone to create a directory>
git clone https://yourusername@bitbucket.org/username/projectname.git
</code></pre></div></div>
<p>This creates a directory called projectname on the local machine, containing all the files in the remote Git repository. This includes source files for the project, as well as a .git sub-directory which contains the entire history and configuration for the project.</p>
<p>To specify a different name of the directory, e.g. MyFolder:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://github.com/username/projectname.git MyFolder
</code></pre></div></div>
<p>Or to clone in the current directory:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://github.com/username/projectname.git .
</code></pre></div></div>
<p>Note:</p>
<ol>
<li>When cloning to a specified directory, the directory must be empty or non-existent.</li>
<li>You can also use the <strong>ssh</strong> version of the command:</li>
</ol>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone git@github.com:username/projectname.git
</code></pre></div></div>
<p>The https version and the <strong>ssh</strong> version are equivalent. However, some hosting services such as GitHub <a href="https://help.github.com/articles/set-up-git/#next-steps-authenticating-with-github-from-git" target="_blank">recommend</a> that you use https rather than <strong>ssh</strong>.</p>
<h3 id="sharing-code"><a class="anchor" name="share-code"></a>Sharing code</h3>
<p>To share your code you create a repository on a remote server to which you will copy your local repository.</p>
<p>To minimize the use of space on the remote server you create a bare repository: one which has only the <em>.git</em> objects and doesn’t create a working copy in the filesystem. As a bonus you set this remote as an upstream server to easily share updates with other programmers.</p>
<p>On the remote server:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git init --bare /path/to/repo.git
</code></pre></div></div>
<p>On the local machine:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git remote add origin ssh://username@server:/path/to/repo.git
</code></pre></div></div>
<p>(Note that <em>ssh:</em> is just one possible way of accessing the remote repository.)</p>
<p>Now copy your local repository to the remote:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git push --set-upstream origin master
</code></pre></div></div>
<p>Adding <em>–set-upstream</em> (or -u) created an upstream (tracking) reference which is used by argument-less Git commands, e.g. <strong>git pull</strong>.</p>
<h3 id="setting-your-user-name-and-email"><a class="anchor" name="configure-user"></a>Setting your user name and email</h3>
<p>You need to set who you are before creating any commit. That will allow commits to have the right author name and email associated to them.</p>
<p>It has nothing to do with authentication when pushing to a remote repository (e.g. when pushing to a remote repository using your GitHub, BitBucket, or GitLab account).</p>
<p>To declare that identity for all repositories, use <strong>git config <em>-</em>-global</strong></p>
<p>This will store the setting in your user’s <em>.gitconfig</em> file: e.g. $HOME<strong>/</strong>.gitconfig or for Windows, <strong>%</strong>USERPROFILE<strong>%</strong>.gitconfig.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git config --global user.name "Your Name"
git config --global user.email mail@example.com
</code></pre></div></div>
<p>To declare an identity for a single repository, use <strong>git config</strong> inside a repo. This will store the setting inside the individual repository, in the file $GIT_DIR<strong>/</strong>config. e.g. <strong>/</strong>path<strong>/</strong>to<strong>/</strong>your<strong>/</strong>repo<strong>/</strong>.git<strong>/</strong>config.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd /path/to/my/repo
git config user.name "Your Login At Work"
git config user.email mail_at_work@example.com
</code></pre></div></div>
<p>Settings stored in a repository’s config file will take precedence over the global config when you use that repository.</p>
<p>Tips: if you have different identities (one for open-source project, one at work, one for private repos, …), and you don’t want to forget to set the right one for each different repos you are working on:</p>
<p><strong><u>Remove a global identity</u></strong></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git config --global --remove-section user.name
git config --global --remove-section user.email
</code></pre></div></div>
<p><em>Version ≥ 2.8</em></p>
<p>To force git to look for your identity only within a repository’s settings, not in the global config:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git config --global user.useConfigOnly true
</code></pre></div></div>
<p>That way, if you forget to set your user.name and user.email for a given repository and try to make a commit, you will see:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>no name was given and auto-detection is disabled
no email was given and auto-detection is disabled
</code></pre></div></div>
<h3 id="setting-up-the-upstream-remote"><a class="anchor" name="setting-up-remote"></a>Setting up the upstream remote</h3>
<p>If you have cloned a fork (e.g. an open source project on Github) you may not have push access to the upstream repository, so you need both your fork but be able to fetch the upstream repository.</p>
<p>First check the remote names:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git remote -v
origin https://github.com/myusername/repo.git (fetch)
origin https://github.com/myusername/repo.git (push)
upstream # this line may or may not be here
</code></pre></div></div>
<p>If upstream is there already (it is on <em>some</em> Git versions) you need to set the URL (currently it’s empty):</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git remote set-url upstream https://github.com/projectusername/repo.git
</code></pre></div></div>
<p>If the upstream is not there, or if you also want to add a friend/colleague’s fork (currently they do not exist):</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git remote add upstream https://github.com/projectusername/repo.git
$ git remote add dave https://github.com/dave/repo.git
</code></pre></div></div>
<h3 id="learning-about-a-command"><a class="anchor" name="help-command"></a>Learning about a command</h3>
<p>To get more information about any git command – i.e. details about what the command does, available options and other documentation – use the <em>-</em>-help option or the <strong>help</strong> command.</p>
<p>For example, to get all available information about the <strong>git diff</strong> command, use:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git diff --help
git help diff
</code></pre></div></div>
<p>Similarly, to get all available information about the status command, use:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git status --help
git help status
</code></pre></div></div>
<p>If you only want a quick help showing you the meaning of the most used command line flags, use -h:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git checkout -h
</code></pre></div></div>
<h3 id="set-up-ssh-for-git"><a class="anchor" name="setup-ssh"></a>Set up SSH for Git</h3>
<p>If you are using <em>Windows</em> open <a href="https://git-for-windows.github.io/" target="_blank">Git Bash</a>. If you are using <em>Mac</em> or <em>Linux</em> open your Terminal.</p>
<p>Before you generate an SSH key, you can check to see if you have any existing SSH keys.</p>
<p>List the contents of your ~<strong>/</strong>.ssh directory:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ ls -al ~/.ssh
# Lists all the files in your ~/.ssh directory
</code></pre></div></div>
<p>Check the directory listing to see if you already have a public SSH key. By default the filenames of the public keys are one of the following:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>id_dsa.pub
id_ecdsa.pub
id_ed25519.pub
id_rsa.pub
</code></pre></div></div>
<p>If you see an existing public and private key pair listed that you would like to use on your Bitbucket, GitHub (or similar) account you can copy the contents of the id_*.pub file.</p>
<p>If not, you can create a new public and private key pair with the following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ ssh-keygen
</code></pre></div></div>
<p>Press the Enter or Return key to accept the default location. Enter and re-enter a passphrase when prompted, or leave it empty.</p>
<p>Ensure your SSH key is added to the ssh-agent. Start the ssh-agent in the background if it’s not already running:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ eval "$(ssh-agent -s)"
</code></pre></div></div>
<p>Add you SSH key to the ssh-agent. Notice that you’ll need te replace id_rsa in the command with the name of your</p>
<p><em>private key file</em>:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ ssh-add ~/.ssh/id_rsa
</code></pre></div></div>
<p>If you want to change the upstream of an existing repository from HTTPS to SSH you can run the following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git remote set-url origin ssh://git@bitbucket.server.com:7999/projects/your_project.git
</code></pre></div></div>
<p>In order to clone a new repository over SSH you can run the following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git clone ssh://git@bitbucket.server.com:7999/projects/your_project.git
</code></pre></div></div>
<h3 id="git-installation"><a class="anchor" name="installation"></a>Git Installation</h3>
<p>Let’s get into using some Git. First things first—you have to install it. You can get it a number of ways; the two major ones are to install it from source or to install an existing package for your platform.</p>
<p><strong><u><a class="anchor" name="installing-from-source"></a>Installing from Source</u></strong></p>
<p>If you can, it’s generally useful to install Git from source, because you’ll get the most recent version. Each version of Git tends to include useful UI enhancements, so getting the latest version is often the best route if you feel comfortable compiling software from source. It is also the case that many Linux distributions contain very old packages; so unless you’re on a very up-to-date distro or are using backports, installing from source may be the best bet.</p>
<p>To install Git, you need to have the following libraries that Git depends on: curl, zlib, openssl, expat, and libiconv. For example, if you’re on a system that has yum (such as Fedora) or apt-get (such as a Debian based system), you can use one of these commands to install all of the dependencies:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ apt-get install libcurl4-gnutls-dev libexpat1-dev gettext libz-dev libssl-dev
</code></pre></div></div>
<p>When you have all the necessary dependencies, you can go ahead and grab the latest snapshot from the Git web site:</p>
<p><a href="http://git-scm.com/download" target="_blank">http://git-scm.com/download</a> Then, compile and install:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ tar -zxf git-1.7.2.2.tar.gz
$ cd git-1.7.2.2
$ make prefix=/usr/local all
$ sudo make prefix=/usr/local install
</code></pre></div></div>
<p>After this is done, you can also get Git via Git itself for updates:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ git clone git://git.kernel.org/pub/scm/git/git.git
</code></pre></div></div>
<p><strong><u><a class="anchor" name="installing-on-linux"></a>Installing on Linux</u></strong></p>
<p>If you want to install Git on Linux via a binary installer, you can generally do so through the basic package-management tool that comes with your distribution. If you’re on Fedora, you can use yum:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ yum install git
</code></pre></div></div>
<p>Or if you’re on a Debian-based distribution like Ubuntu, try apt-get:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ apt install git
</code></pre></div></div>
<p><strong><u><a class="anchor" name="installing-on-mac"></a>Installing on Mac</u></strong></p>
<p>There are three easy ways to install Git on a Mac. The easiest is to use the graphical Git installer, which you can download from the SourceForge page. <a href="http://sourceforge.net/projects/git-osx-installer/" target="_blank">http://sourceforge.net/projects/git-osx-installer/</a></p>
<p>Figure 1-7. Git OS X installer. The other major way is to install Git via MacPorts <a href="http://www.macports.org" target="_blank">http://www.macports.org</a>. If you have MacPorts installed, install Git via</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ sudo port install git +svn +doc +bash_completion +gitweb
</code></pre></div></div>
<p>You don’t have to add all the extras, but you’ll probably want to include +svn in case you ever have to use Git with Subversion repositories (see Chapter 8).</p>
<p>Homebrew <a href="http://brew.sh/" target="_blank">http://brew.sh/</a> is another alternative to install Git. If you have Homebrew installed, install Git via</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ brew install git
</code></pre></div></div>
<p><strong><u><a class="anchor" name="installing-on-windows"></a>Installing on Windows</u></strong></p>
<p>Installing Git on Windows is very easy. The msysGit project has one of the easier installation procedures. Simply download the installer exe file from the GitHub page, and run it: <a href="http://msysgit.github.io" target="_blank">http://msysgit.github.io</a></p>
<p>After it’s installed, you have both a command-line version (including an SSH client that will come in handy later) and the standard GUI.</p>
<p><em>Note on Windows usage:</em> you should use Git with the provided msysGit shell (Unix style), it allows to use the complex lines of command given in this book. If you need, for some reason, to use the native Windows shell / command line console, you have to use double quotes instead of single quotes (for parameters with spaces in them) and you must quote the parameters ending with the circumflex accent (^) if they are last on the line, as it is a continuation symbol in Windows.</p>
<blockquote>
<p><em>This article is compiled from the original Stack Overflow Documentation released under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC BY-SA 3.0</a> and created by these contributors: <a href="https://stackoverflow.com/users/1343790/" target="_blank">Ala Eddine JEBALI</a>, <a href="https://stackoverflow.com/users/5703771/" target="_blank">Allan Burleson</a>, <a href="https://stackoverflow.com/users/718940/" target="_blank">Craig Brett</a>, <a href="https://stackoverflow.com/users/967945/" target="_blank">Dan Hulme</a>, <a href="https://stackoverflow.com/users/168775/" target="_blank">eykanal</a>, <a href="https://stackoverflow.com/users/1798341/" target="_blank">Henrique Barcelos</a>, <a href="https://stackoverflow.com/users/2397327/" target="_blank">Jonathan Lam</a>, <a href="https://stackoverflow.com/users/1159510/" target="_blank">Kageetai</a>, <a href="https://stackoverflow.com/users/723918/" target="_blank">maccard</a>, <a href="https://stackoverflow.com/users/8168719/" target="_blank">ob1</a>, <a href="https://stackoverflow.com/users/4779556/" target="_blank">Roald Nefs</a>, <a href="https://stackoverflow.com/users/204968/" target="_blank">ronnyfm</a>, <a href="https://stackoverflow.com/users/1084174/" target="_blank">Sazzad Hissain Khan</a>, <a href="https://stackoverflow.com/users/1086315/" target="_blank">Tyler Zika</a>, <a href="https://stackoverflow.com/users/3029163/" target="_blank">tymspy</a>. This website is not affiliated with <a href="https://stackoverflow.com/" target="_blank">Stack Overflow</a>. This article is published under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC BY-SA 3.0</a>. For corrections or feedback comment below or email to <a href="mailto:ictsimplified@gmail.com?Subject=Feedback on Getting Started with Github" target="_top">ictsimplified@gmail.com</a></em></p>
</blockquote>saradGit is a distributed Version Control System (VCS) which is used for tracking the source code during software development. It allows collaboration between the contributors and targets to maintain integrity, and support for distributed, non-linear workflows.62 New Emojis Arrive Including Superhero and Supervillain2018-06-05T10:45:46+00:002018-06-05T10:45:46+00:00https://ictsolved.github.io/unicode-11-arrives<p>On June 5, 2018, Unicode 11.0 arrives. It includes 66 new emoji code points, out of which 62 of them are for emojis that will be seen on the keyboard. Back in February, a total number of 157 emojis were finalized for 2018. This release signifies <!--more--> that vendors can now begin to add these new emojis into their platform.</p>
<h3 id="what-new-emojis-are-included">What new emojis are included?</h3>
<p>The above image shows some of the new emojis added in Unicode 11.0. There are six new smileys included which are Smiling Face With 3 Hearts, Hot Face, Cold Face, Partying Face, Woozy Face and Pleading Face. Similarly, four emoji components have been added that includes Emoji Component Red Hair, Emoji Component Curly Hair, Emoji Component Bald, Emoji Component White Hair. Other additions include Superhero, Supervillain, Leg, Parrot, Peacock, Test Tube etc.</p>
<h3 id="how-will-the-emojis-look-like">How will the emojis look like?</h3>
<p>The emojis designs differ with the vendors. Major vendors like Facebook, Twitter, Google, Apple, Samsung, and Microsoft have their own design of emoji sets. The emojis in the above image is the sample of Apple-like emoji sets.</p>
<h3 id="when-will-these-emojis-become-available-for-use">When will these emojis become available for use?</h3>
<p>The vendors like Facebook and Twitter can update their emoji designs on their web platform at any time. However, the vendors like Google, Samsung, Microsoft, and Apple will probably update their emoji sets in their upcoming major OS update. To summarize, the new emojis will be available by the end of 2018.</p>
<h3 id="what-to-expect-in-next-release">What to expect in next release?</h3>
<p><img src="/assets/images/blog/2018-06-05-unicode-11-arrives/unicode-11-arrives-2.jpg" alt="emojis in Unicode 12.0" /></p>
<p>The next release of Unicode is planned for March 2019. Some draft candidates for next release include axe, driving mask, diya lamp, white heart, hindu temple, flamingo etc. These are just the candidates, and the final list is yet to be decided. Hence they can either be removed or changed during the final release. The candidate hindu temple perhaps suggests that emojis of other religions will also be included in Unicode 12.0.</p>
<p>For more information and regular updates about Unicode and Emoji visit <a href="https://emojipedia.org/" target="_blank">Emojipedia <i class="fa fa-external-link" aria-hidden="true"></i></a></p>saradOn June 5, 2018, Unicode 11.0 arrives. It includes 66 new emoji code points, out of which 62 of them are for emojis that will be seen on the keyboard. Back in February, a total number of 157 emojis were finalized for 2018. This release signifiesRead Answers on Quora Without Login Using Cookie Method2018-06-03T09:04:46+00:002018-06-03T09:04:46+00:00https://ictsolved.github.io/read-quora-answers-without-login<p>Quora is a great community for asking and answering the questions. One can ask question of any category or topic and other members of community answer the question. Users can also collaborate by suggesting edits to the submitted answers to improve <!--more--> the answer. The answers can be upvoted by the members to indicate as the best answer.</p>
<p>The answers on the Quora are publicly available, but it has implemented limitation to read the answer. If a user read one question post and try to view another question, Quora asks the user to log in. Maybe this is one of their strategies to increase the community but it may not be pleasant for everyone. The viewer may not want to signup or login to read only the answers which are publicly available. Similar communities like StackOverflow and Stack Exchange let the viewer read the answers without restriction but Quora decided to be different by forcing the viewer to log in for reading the answers.</p>
<p>For those who find this unpleasant, it can be successfully bypassed using the following methods.</p>
<h3 id="1-using-cookie-method">1. Using Cookie Method</h3>
<p>This is the best method if you want a permanent solution to read answers on Quora without logging in. Quora uses cookies in order to track if you have previously read any questions on its site. If it finds the cookie then, it throws the login popup else you can continue reading on. So blocking quora to create the cookie get the job done. Follow these steps to block cookies of Quora in Google Chrome:</p>
<p><b>Step 1</b></p>
<p>Click on the three dotted vertical button at the top right corner and click on settings.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-9.jpg" alt="chrome settings" /></p>
<p><b>Step 2</b></p>
<p>Scroll to the bottom of a page and click “Advanced” to see more setting options. Find “Content settings” and click on that.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-5.jpg" alt="chrome content settings" /></p>
<p><b>Step 3</b></p>
<p>Inside Content settings, click on Cookies.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-6.jpg" alt="cookies inside content settings in chrome" /></p>
<p><b>Step 4</b></p>
<p>Now find the Block section and click on ADD</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-4.jpg" alt="add cookies to block in chrome" /></p>
<p><b>Step 5</b></p>
<p>Now in the textbox under Site, add https://www.quora.com and click on ADD.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-1.jpg" alt="adding site to block cookies in chrome" /></p>
<p><b>Step 6</b></p>
<p>After clicking ADD, the site is visible inside the Block section as in the image below.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-2.jpg" alt="site blocked for cookies" /></p>
<p>Now you can use Quora without logging in and this setting is persistent until you clear it. If you want to allow the cookies in future, you can follow the same method and remove the site from Blocked section under Cookies in the Content settings.</p>
<h3 id="2-pasting-the-url-in-incognito-mode">2. Pasting the URL in Incognito Mode</h3>
<p>It works similarly as the previous solution as Quora cannot find any cookies related to it in the Incognito mode. This method may be handy if you are using Quora on mobile devices or if your browser does not support disabling cookie for the specific site. Also, this solution is preferred if you sometimes log in to the quora to upvote the answer or answer the question. Here is how to do it.</p>
<p><b>Step 1</b></p>
<p>Copy the URL of question you want to read.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-7.jpg" alt="copy quora url" /></p>
<p><b>Step 2</b></p>
<p>Open an Incognito window and paste the URL into the URL bar.</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-8.jpg" alt="paste quora url in incognito window" /></p>
<p>This way you can read the post without logging in and without the disabling the cookies for Quora.</p>
<h3 id="3-adding-share1-at-the-end-of-url">3. Adding ?share=1 at the end of URL</h3>
<p>Another method that lets you read the answer in Quora without signing in is adding ?share=1 at the end of the URL. Following image shows how to do it:</p>
<p><img src="/assets/images/blog/2018-06-03-read-quora-answers-without-login/read-quora-answers-without-login-3.jpg" alt="use quora without login" /></p>
<p>With these steps, you can read posts on Quora without logging in. Are you happy with the login prompt to read publicly available answers in Quora? Share your opinion in the comment section.</p>saradQuora is a great community for asking and answering the questions. One can ask question of any category or topic and other members of community answer the question. Users can also collaborate by suggesting edits to the submitted answers to improveAsteroidOS: An Open-source Smartwatch OS Gets First Stable Release2018-05-16T21:04:46+00:002018-05-16T21:04:46+00:00https://ictsolved.github.io/asteriodos-open-source-smartwatch-os<p>AsteroidOS, an open-source operating system for WearOS initiated four years ago by a computer science student has received it’s first stable version 1.0 release. It was going through Alpha testing during December 2016 and is currently on the playground as an alternative to Google’s WearOS <!--more--> . It can be considered as a Linux distribution for smartwatches in a sense that it is built upon Linux technologies like Wayland (a display server protocol), systemd (system and service manager), Qt5 (software that enables to develop GUI applications) etc.</p>
<p>This release of AsteroidOS works on smartwatches like LG G Watch, LG G Watch Urbane, LG G Watch R, Asus Zenwatch 1, Asus Zenwatch 2, Asus Zenwatch 3, and Sony Smartwatch 3. In few weeks it will probably be ported to more smartwatches unofficially as the Software Development Kits (SDK) is also released for the developers with series of example and tutorials. One can start porting by following their wiki <a href="https://asteroidos.org/wiki/porting-guide/" target="_blank">here <i class="fa fa-external-link" aria-hidden="true"></i></a>. With that said, the further official releases for more smartwatches is down the road.</p>
<h3 id="what-features-are-currently-available">What features are currently available?</h3>
<p>It includes various nifty features such as accessing phone notifications, setting alarms, using as a remote control for music application, customizing settings, viewing weather forecast, etc. All these features can be synchronized on the go with its companion app AsteroidOSSync using Bluetooth Low Energy (BLE).</p>
<h3 id="whats-interesting-for-developers">What’s interesting for developers?</h3>
<p>As mentioned earlier, SDK, libraries, documentation, examples, and tutorials are already available to the developers. They can help to contribute to the project by porting the OS to supported devices or developing new connectivity features well as synchronization applications for new platforms such as iOS because only Android is supported at the moment.</p>
<h3 id="what-to-expect-next">What to expect next?</h3>
<p>Looking at the post from the developer, the possibility for new features seems limitless. However, we can at least expect to get features like always-on display, grouped notifications, calendar synchronization and synchronization application for other platforms too which means support for iOS.</p>
<p>Although Google is in the lead, AsteroidOS has initiated its journey too. We are looking forward to hearing lots of exciting features and improvements in the upcoming updates. If you would like to get more information about AsteroidOS, you can visit their <a href="https://asteroidos.org/" target="_blank">official website <i class="fa fa-external-link" aria-hidden="true"></i></a>. Also stay connected with ICT Solved! for updates about technology. Express your thoughts and opinion in the comment section about this new Smartwatch open-source alternative.</p>saradAsteroidOS, an open-source operating system for WearOS initiated four years ago by a computer science student has received it’s first stable version 1.0 release. It was going through Alpha testing during December 2016 and is currently on the playground as an alternative to Google’s WearOSPurpose of each Directory inside Root Partition in Linux2018-05-11T14:04:46+00:002018-05-11T14:04:46+00:00https://ictsolved.github.io/linux-file-system-hierarchy<p>If we take a look at the root directory of a Linux or Unix-like operating system, we can see numbers of directories present inside it. But have you ever thought what is those each directory intended to do? We call it Linux File System Hierarchy Standards (FHS). In this post, <!--more--> we are going to discuss briefly all those directories.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Note: This article is updated on 2018 May 27 and is based on FHS 3.0.
</code></pre></div></div>
<h3>/</h3>
<p>We call it root directory or root of the filesystem. This is the parent directory of the Linux Operating System. Path for all the files or directory existing in the system starts from the root directory.</p>
<h3 id="bin-sbin">/bin, /sbin</h3>
<p>In FHS 3.0, these are symlinks which point to /usr/bin. For the scripts and binaries referencing to these legacy paths, these symlinks help to find their binaries correctly.</p>
<h3 id="boot">/boot</h3>
<p>The boot partition or EFI System Partition (On EFI Systems) is mounted in this directory. It contains bootloader and its related files. The files inside this directory are used during the startup of the system. Common examples of file present inside this directory are kernel images, boot loaders like grub etc.</p>
<h3 id="dev">/dev</h3>
<p>This is a root directory for device nodes. A number of special purpose virtual file systems might be mounted below this directory.</p>
<h3 id="etc">/etc</h3>
<p>This directory is intended for system-specific configuration. It frequently includes configuration files supplied by the vendor. Also if the configuration is missing for any application, should fall back to defaults.</p>
<h3 id="home">/home</h3>
<p>This is the location for home directories of normal users. Home directories have write permission for the users and are generally used to store files and personal configurations.</p>
<h3 id="lib">/lib</h3>
<p>This is also a symlink in FHS 3.0 that points to /usr/lib. The programs referencing to this legacy path can find thier resources correctly with the help of this symlink.</p>
<h3 id="lib64">/lib64</h3>
<p>It is also a symlink and exists only on architectures whose ABI places the dynamic loader in this path. Binaries referencing this legacy path find their dynamic loader correctly through this symlink.</p>
<h3 id="mnt">/mnt</h3>
<p>This directory is usually used to mount the filesystems temporarily. For example, a hard drive /dev/sda with partition /dev/sda1 can be mounted inside this directory to access the files present in /dev/sda1.</p>
<h3 id="opt">/opt</h3>
<p>This directory generally stores the files of those installed applications which are not in the official repository. For instance, if we install lampp server then it is stored inside /opt/lampp.</p>
<h3 id="proc">/proc</h3>
<p>It is a virtual kernel file system that exposes the process list and other functionality. This file system is mostly an API to interface with the kernel. A number of special purpose virtual file systems might be mounted below this directory.</p>
<h3 id="root">/root</h3>
<p>It is a home directory of the root user. It is located outside of /home directory to enable root user log in to the system even if /home is not mounted.</p>
<h3 id="run">/run</h3>
<p>It is a “tmpfs” filesystem where system packages place runtime data. During the boot, this directory is flushed and write permission is granted to privileged programs only.</p>
<h3 id="srv">/srv</h3>
<p>This directory stores general server payload and is managed by the administrator. Generally, it is writable and possibly shared among systems.</p>
<h3 id="sys">/sys</h3>
<p>It is a virtual kernel file system that exposes the discovered devices and other functionality. This file system is mostly an API to interface with the kernel. A number of special purpose virtual file systems might be mounted below this directory.</p>
<h3 id="tmp">/tmp</h3>
<p>This directory is intended for temporary storage of small files. This directory is usually flushed during the system boot.</p>
<h3 id="usr">/usr</h3>
<p>This directory contains operating system resources supplied by the vendor. This directory should not be modified by the administrator, except when installing or removing vendor-supplied packages.</p>
<h3 id="var">/var</h3>
<p>This directory stores persistent, variable system data. It might contain vendor-supplied data. Applications should be able to reconstruct necessary files and directories in this subhierarchy.</p>
<p>This is the quick lookup of the filesystem hierarchy of a Linux or Unix-like system. We only discussed the basics but there are much more things which cannot be covered in a single blog. There are even subdirectories (subhierarchy) inside this hierarchy for their specific purposes. If you are interested to learn more about the Linux Filesystem Hierarchy then you can issue “man file-hierarchy” command without quotes in your terminal or visit <a href="http://refspecs.linuxfoundation.org/FHS_3.0/fhs-3.0.html" target="_blank">FHS 3.0 link. <i class="fa fa-external-link" aria-hidden="true"></i></a>. If you have any query or would like to add up, you can share your thoughts in the comment section.</p>saradIf we take a look at the root directory of a Linux or Unix-like operating system, we can see numbers of directories present inside it. But have you ever thought what is those each directory intended to do? We call it Linux File System Hierarchy Standards (FHS). In this post,How to get started with Google AdSense?2018-05-10T17:04:46+00:002018-05-10T17:04:46+00:00https://ictsolved.github.io/get-started-with-adsense<p>Advertising through the internet is one of the most efficient channels in this digital era since the ads can be targeted towards the user on the basis of their interests. When the relevant ads are displayed, the reachability of ads for the service provider is also high as well as useful for the customers. Making passive income is one of the best opportunity <!--more--> that can be grabbed from online advertising. One doesn’t even need to search for the ads provider because there are platforms like Google AdSense, Amazon Associates etc. which provides the ads that one can integrate to their websites. One of the most popular services among these platforms are Google Adsense, a product of Google. In this article, we will see how to get started with the Google Adsense for the website and make passive income.</p>
<p>You need to fulfill three criteria for integrating Adsense to your website.</p>
<ol>
<li>
<p>You must have a Google account, if you don’t then <a href="https://accounts.google.com/SignUp" target="_blank">sign up <i class="fa fa-external-link" aria-hidden="true"></i></a> here.</p>
</li>
<li>
<p>Content that does not violate the <a href="https://support.google.com/adsense/answer/48182" target="_blank">Adsense Policies <i class="fa fa-external-link" aria-hidden="true"></i></a>.</p>
</li>
<li>
<p>A phone number and mailing address associated with the bank you want to receive payment from.</p>
</li>
</ol>
<p>If you fulfill the above criteria, you can get started with Adsense.</p>
<h3 id="step-1-sign-up-for-adsense">Step 1: Sign Up for AdSense</h3>
<p>Visit <a href="https://www.google.com/adsense/start" target="_blank">AdSense Sign Up <i class="fa fa-external-link" aria-hidden="true"></i></a> page.</p>
<p>You will see a page similar to this one and click on Sign Up Now.
<img src="/assets/images/blog/2018-05-10-get-started-with-adsense/2018-05-10-get-started-with-adsense-2.jpg" alt="Adsense Sign Up" /></p>
<h3 id="step-2-enter-web-url-and-email">Step 2. Enter Web URL and Email</h3>
<p>When you click on Sign Up Now, you will need to enter the URL of your website and your email address you want to sign up AdSense with. If you want to occasionally receive helpful emails from AdSense, you can opt-in for the suggestions.</p>
<p><img src="/assets/images/blog/2018-05-10-get-started-with-adsense/2018-05-10-get-started-with-adsense-3.jpg" alt="AdSense Details" /></p>
<h3 id="step-3-complete-the-process">Step 3: Complete the process</h3>
<p>After filling the information, now click on Save And Continue. You will now need to enter your valid mailing address to receive payments, verify your phone number and paste the provided script inside the head tag of your webpage on which you want to display ads. It will look like this:</p>
<p><img src="/assets/images/blog/2018-05-10-get-started-with-adsense/2018-05-10-get-started-with-adsense-4.jpg" alt="AdSense Code" /></p>
<p>After you paste the scripts inside head tag in your browser, now put the tick mark in the checkbox saying “I’ve pasted the code into my site.” and click Done. Your request is now successfully placed and AdSense team will verify whether you are eligible to apply for the AdSense within two days and mail you accordingly.</p>
<p><img src="/assets/images/blog/2018-05-10-get-started-with-adsense/2018-05-10-get-started-with-adsense-5.jpg" alt="AdSense Request Successful" /></p>
<p>If your request is approved, the ads will start to show on your website and you will start earning. You can check your earning from the AdSense dashboard. You can increase your earning by optimizing the website with SEO, by increasing traffic to your website with the attractive contents and following the AdSense Policy strictly. You can also add analytics service to your website in order to monitor the traffic on your website.</p>saradAdvertising through the internet is one of the most efficient channels in this digital era since the ads can be targeted towards the user on the basis of their interests. When the relevant ads are displayed, the reachability of ads for the service provider is also high as well as useful for the customers. Making passive income is one of the best opportunityParticipated in NASA Space Apps Challenge 20172017-04-30T20:54:46+00:002017-04-30T20:54:46+00:00https://ictsolved.github.io/nasa-space-apps-challenge-2017<p>Annually NASA organizes an international hackathon event known as “Space Apps” over 48 hours in different cities across the globe. NASA throws set of challenges to address the real-world problems of Earth and space to everyone who dare to tackle the challenge using robotics, data visualization, hardware, design etc. using open data. In Nepal, it was organized by International Centre for Integrated Mountain Development (ICIMOD),<!--more--> Mercy Corps Nepal, Nepal Engineers Association (NEA), and Robotics Association of Nepal (RAN) in collaboration with Young Innovations Pvt. Ltd. and Kathmandu Living Labs at World Trade Tower, Thapathali.</p>
<p><img src="/assets/images/blog/2017-04-30-nasa-space-apps-challenge-2017/nasa-space-apps-challenge-nepal-3.jpg" alt="Team Aarcana" />
<small>Team Aarcana: Deepak Lal Karna, Sarad Gajurel, Ranjan Bir Bajracharya, and Rujan Shakya (Left-to-Right)</small></p>
<p>In this hackathon there were five global challenges by NASA and six local challenges by the collaborators Mercy Corps Nepal and ICIMOD. To cope with one of the global challenges “Earth and Us” thrown by NASA, me along with my team <a href="https://aarcana.github.io" target="_blank">Aarcana <i class="fa fa-external-link" aria-hidden="true"></i></a> innovated a new idea to show the connectivity of rural and urban areas so as to balance the economical, socio-cultural and environmental aspects and our theme was “Live Smart”.</p>
<p>There were total number of 17 teams who participated in this event that came up with different ideas to solve the global or local challenges. Use of hardwares, softwares, data visualizations were made by the participants to propose their solution. It was interesting to share the new ideas and explore what young minds can come up with to address the prevailing challenges. Not primarily but cannot stop mentioning that it was also a kind of fun to make new friends and link up with the mentors and collaborators in these two-days hackathon.</p>
<p>On the first day all the team introduced themselves and pitched their ideas on solving their respective challenge then they initiated the develpment of prototype of their project. On the second day, the first half was occupied with the continuity to prototype development and second half consisted of preresenting the prototype. After that the jury members gave an motivational speech that harnessed our spirit even more to devote ourselves in undertaking such challenges. It was followed by announcement of the winners and the project “Smart Agriculture” that innovated an idea to make smart use of technology in agriculture was the first prize winner which received the cash prize worth Nrs 30,000. Other participants also received certificate of participation and all the participants were awarded with $100 Amazon Web service credit and .CO domain free for one year.</p>
<p>After award ceremony there was a Hi-Tea session and Networking session where participants engaged in extending their friend circle. The participants also created the network with organizers, collaborators and supporters. We discussed about our project with the jury members too and they wanted to know if we’ll be implementing the project, we reported that it is currently in the development phase and it will be further continued if we get support of mentors and sponsers.</p>
<p><img src="/assets/images/blog/2017-04-30-nasa-space-apps-challenge-2017/nasa-space-apps-challenge-nepal-2.jpg" alt="Aarcana with RAN president and vice president" />
<small>Photo shoot with RAN President Bikash Gurung and Vice-president Utsab Shrestha (Position 4<sup>th</sup> and 5<sup>th</sup> from right to left respectively)</small></p>
<p>These were the major incidents of the two-days hackathon. Feel free to share your response on how interesting was it for you to know about my experience. Thanks!</p>saradAnnually NASA organizes an international hackathon event known as “Space Apps” over 48 hours in different cities across the globe. NASA throws set of challenges to address the real-world problems of Earth and space to everyone who dare to tackle the challenge using robotics, data visualization, hardware, design etc. using open data. In Nepal, it was organized by International Centre for Integrated Mountain Development (ICIMOD),How to remap or swap keyboard keys in Windows 7, 8.1 & 10?2017-04-02T09:18:42+00:002017-04-02T09:18:42+00:00https://ictsolved.github.io/remap-key-in-windows<p>Maybe a key is broken on your keyboard or you want the keys to function differently than it is intended then you have to remap the keyboard. This post will show you how to solve the problem of broken key or swapping the keys with the help of a tiny utility known as ‘KeyTweak’. This method works on every version of Windows. If you want to remap the keyboard keys in Linux then you can follow <a href="/blog/linux/remap-key-in-linux"> this post.</a> <!--more--></p>
<p>In my keyboard ‘Delete’ key is broken so I am going to remap it to ‘Insert’ key. You can follow the same procedure for remapping other keys as well.</p>
<p><u><b>Steps:</b></u></p>
<ol>
<li>
<p>Download and install <a href="/assets/files/KeyTweak.zip">KeyTweak.zip</a></p>
</li>
<li>
<p>If you are on 64-bit Windows then goto following location and open KeyTweak.exe</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> C:\Program Files (x86)\KeyTweak
</code></pre></div> </div>
<p>If you are using 32-bit Windows then goto following location and open KeyTweak.exe</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> C:\Program Files\KeyTweak
</code></pre></div> </div>
</li>
<li>
<p>Press the key you want to remap or click the number in KeyTweak window (helpful if key is broken). You don’t need to be confused with the numbers because you can see which key is selected after you click on the its respective number.</p>
<p><img src="/assets/images/blog/2017-04-02-remap-key-in-windows/remap-keyboard-windows-2.png" width="850" height="450" alt="Insert Key" /></p>
</li>
<li>
<p>Click on ‘Choose New Remapping’ dropdown button and choose the new action you want to assign for the selected key then click on ‘Remap Key’</p>
<p><img src="/assets/images/blog/2017-04-02-remap-key-in-windows/remap-keyboard-windows-3.png" width="850" height="450" alt="Delete action" /></p>
</li>
<li>
<p>Finally click on ‘Apply’and restart the computer.</p>
<p><img src="/assets/images/blog/2017-04-02-remap-key-in-windows/remap-keyboard-windows-5.png" width="850" height="450" alt="apply" /></p>
</li>
</ol>
<p>After the reboot you will be able to use your customized mapping. If you face any difficulty while performing the steps mentioned above comment below and also donot forget to share your experience on remapping the keyboard.</p>saradMaybe a key is broken on your keyboard or you want the keys to function differently than it is intended then you have to remap the keyboard. This post will show you how to solve the problem of broken key or swapping the keys with the help of a tiny utility known as ‘KeyTweak’. This method works on every version of Windows. If you want to remap the keyboard keys in Linux then you can follow this post.How to remap or swap special keyboard keys in Linux?2017-03-31T08:38:46+00:002017-03-31T08:38:46+00:00https://ictsolved.github.io/remap-key-in-linux<p>If you are using Linux on MacBook or a key on your keyboard is broken or you have a special key on your keyboard and you want to use it differently than it is designed then you may feel the need to remap the keys of your keyboard. Remapping the keys means changing the input behaviour of your keyboard and making it work as we want, not as it was intended. In this post you will learn to remap the keys on Linux using ‘xmodmap’ and ‘xkb’ which are pre-installed on most of the linux distros. If you want to remap the keys in Windows then you can follow <a href="/blog/windows/remap-key-in-windows"> this post.</a> <!--more--></p>
<p>The ‘Delete’ key is broken in my laptop so I am going to remap it to ‘Insert’ key. The procedure is same for other keys as well. There are two methods for doing this, first method is safe and recommended method but if first method does not work then go for second method which includes modifying the system file and is not preferred. The steps are as follows:</p>
<p><b><u>First Method:</u></b> Safe and recommended method</p>
<p><b>Step 1:</b> Find the KeyCode (number assigned to key) and Keysym (name of key) for your desired keys to swap</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>xmodmap -pk
</code></pre></div></div>
<p>In my case 118 is KeyCode for Insert key and 119 is for Delete key.</p>
<p><b>Step 2:</b> Swap the keys by issuing following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>xmodmap -e "keycode 118 = Delete"
xmodmap -e "keycode 119 = Insert"
</code></pre></div></div>
<p>Now your keys are swapped but this action is not persistent and only works until you reboot. If you want to make your changes persistent then you need to write a script and make it auto execute at startup or you can make a .desktop file and make it run at every startup. I prefer .desktop approach.</p>
<p><b>Step 3:</b> Create “swap.desktop” file and put it into ~/.config/autostart with following contents in it:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[Desktop Entry]
Name=Swap
Exec=xmodmap -e "keycode 118 = Delete" && xmodmap -e "keycode 119 = Insert"
Terminal=false
Type=Application
</code></pre></div></div>
<p><b>Step 4:</b> Now make it executable</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>chmod +x ~/.config/autostart/swap.desktop
</code></pre></div></div>
<p>This way the .desktop file will auto start on every boot and the keys are swapped.</p>
<p><b><u>Second Method:</u></b> If the above method does not work then you can try this method but please be aware that this method modifies the system file so do not mess with the system file and do it carefully.</p>
<p><b>Step 1:</b> First we will create a backup of the file in case anything goes wrong so that we can restore it later.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo cp /usr/share/X11/xkb/symbols/pc /usr/share/X11/xkb/symbols/pc.bak
</code></pre></div></div>
<p><b>Step 2:</b> Edit the following file where ‘xkb’ stores the mapping of special keys:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo nano /usr/share/X11/xkb/symbols/pc
</code></pre></div></div>
<p><b>Step 3:</b> Find the lines of the keys which are to be remapped:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>key <INS> { [ Insert ] };
key <DELE> { [ Delete ] };
</code></pre></div></div>
<p><b>Step 4:</b> Remap the key behaviour by changing its action:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>key <INS> { [ Delete ] };
key <DELE> { [ Insert ] };
</code></pre></div></div>
<p><b>Step 5:</b> Press ‘Ctrl+O’ to save and press enter then press ‘Ctrl+X’ to exit the nano editor.</p>
<p><b>Step 6:</b> Clear the ‘xkb’ cache with following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo rm -rf /var/lib/xkb/*
</code></pre></div></div>
<p><b>Step 7:</b> Finally quit the session and re-login.</p>
<p>Now you have successfully changed your keymap. If you get any unexpected result with this method then restore the backup we created earlier with following command and repeat Step 6 and 7.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo mv /usr/share/X11/xkb/symbols/pc.bak /usr/share/X11/xkb/symbols/pc
</code></pre></div></div>
<p>If you faced any trouble modifying your keymap or need any assistance comment below and I’ll help you to solve your problem. If you find it useful and think it will help others as well you can share the article on your favorite social media.</p>saradIf you are using Linux on MacBook or a key on your keyboard is broken or you have a special key on your keyboard and you want to use it differently than it is designed then you may feel the need to remap the keys of your keyboard. Remapping the keys means changing the input behaviour of your keyboard and making it work as we want, not as it was intended. In this post you will learn to remap the keys on Linux using ‘xmodmap’ and ‘xkb’ which are pre-installed on most of the linux distros. If you want to remap the keys in Windows then you can follow this post.How to setup SkyPro/EVDO, NCELL Connect, UTL Modem/USB Dongle in Linux?2016-10-20T06:04:46+00:002016-10-20T06:04:46+00:00https://ictsolved.github.io/connect-usb-dongle-modem-in-linux<p>Linux users are growing gradually in Nepal and mostly there are either IT students or IT professionals who use Linux in the context of our country. Every Linux user who was used to with Windows knows the hassle of migrating from Windows to Linux. Most of the companies target softwares for Windows and hence software availability becomes an ache for the general users. Our mobile broadband ISPs also constitute application for windows but not for Linux. This article will guide you through the setup process of using an USB Dongle/Modem in Linux. <!--more--></p>
<p>Here I am using NTC SKyPro EVDO setup but you can follow the similar procedures for NCELL connect and UTL too. Let’s jump into the steps without any delay.</p>
<p><u><b>Steps:</b></u></p>
<ol>
<li>
<p>Plug in your <i>USB Dongle</i> and let it initialize for first 10 seconds. Now Open <i>Settings</i> of your Linux distribution and click on <i>Network</i>. If there is <i>Mobile Broadband</i> in the Network Manager skip to step 5 else continue to step 2. In my case <i>Mobile Broadband</i> did not appear.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem0.jpg" alt="Network-manager" /></p>
</li>
<li>
<p>Unplug your <i>Dongle</i> then open up terminal and input following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> udisksctl status
</code></pre></div> </div>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem01.jpg" alt="udisksctl-status" /></p>
</li>
<li>
<p>Now connect your <i>Dongle</i> and issue the same command again and note the <i>DEVICE</i> name that is newly added in the list, mine is <i>sr1</i>.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem02.jpg" alt="modem-added-in-the-list" /></p>
</li>
<li>
<p>In the terminal, issue following command replacing <i>sr1</i> with <i>DEVICE</i> name you noted in step 2:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> sudo udisksctl power-off -b /dev/sr1
</code></pre></div> </div>
<p>Enter the following command and you should see that <i>DEVICE</i> name has been changed to something else than before. My device name changed to <i>sdb</i>.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem03.jpg" alt="sr1-powered-off" /></p>
</li>
<li>
<p>Now wait for about 10 seconds to complete device initialization and refresh the <i>Network<i></i> window. Now the <i>Mobile Broadband</i> should appear in the list. If it is still not seen enter the following command:</i></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> sudo service network-manager restart
</code></pre></div> </div>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem05.jpg" alt="Network-manager" /></p>
<p>Click on <i>Mobile Broadband</i> from the network menu, then choose <i>Add new connection</i> from drop-down list and click on the setting icon at the bottom.</p>
</li>
<li>
<p>On the next window, click <i>Next</i>.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem06.jpg" alt="setting-up-broadband" /></p>
</li>
<li>
<p>Choose Nepal from the country list and click on <i>Next</i>.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem07.jpg" alt="country-list" /></p>
</li>
<li>
<p>Choose <i>I can’t find my provider and I wish to enter it manually:</i> and give a name for the connection then click <i>Next<i></i></i></p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem08.jpg" alt="naming-connection" /></p>
</li>
<li>
<p>Click on <i>Apply</i> to save your new connection.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem09.jpg" alt="saving-connection" /></p>
</li>
<li>
<p>Click on the setting icon that is at the bottom to set your credentials for connection.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem9_1.jpg" alt="setting-credentials" /></p>
</li>
<li>
<p>In case of NTC SkyPro/EVDO and UTL, enter the following credentials:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> Number: #777
Username: Mobile_Number
Password: Mobile_Number
</code></pre></div> </div>
<p>In case of NCELL Connect enter following credentials:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Number: *99***1#
Leave username and password field blank.
</code></pre></div> </div>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem10.jpg" alt="user-pass" /></p>
</li>
<li>
<p>Your connection is now ready so click on the <i>Network icon</i> of your task panel and click on <i>Connect</i> under <i>Mobile Brandband</i>.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem11.jpg" alt="Connection-network" /></p>
</li>
<li>
<p>After the network is successfully connected, you will see two changes. First there will be signal bars on the task panel which shows you the power or signal strength of the connection and second one is in the <i>Network</i> window there will be information of your connection.</p>
<p><img src="/assets/images/blog/2016-10-20-connect-usb-dongle-modem-in-linux/modem12.jpg" alt="connected" /></p>
</li>
</ol>
<p>Hope this helps you to setting up your connection of USB Dongle in Linux. If you got stuck on any step or your having any problem, feel free to comment and also don’t forget to share your experience setting up USB Dongle connection in Linux.</p>saradLinux users are growing gradually in Nepal and mostly there are either IT students or IT professionals who use Linux in the context of our country. Every Linux user who was used to with Windows knows the hassle of migrating from Windows to Linux. Most of the companies target softwares for Windows and hence software availability becomes an ache for the general users. Our mobile broadband ISPs also constitute application for windows but not for Linux. This article will guide you through the setup process of using an USB Dongle/Modem in Linux.Post articles from jekyll to Twitter, Facebook and LinkedIn automatically2016-10-04T05:54:46+00:002016-10-04T05:54:46+00:00https://ictsolved.github.io/auto-post-articles-from-jekyll-blog-to-social-sites<p>In this article I am going to show how to auto post your articles from Jekyll blog that is hosted on github pages or any other hosting site, to your Facebook, Twitter and LinkedIn account. Since jekyll is a static site and it does not have any plugin that automatically posts your article to the social networks we need to follow this process in order to succeed. <!--more--></p>
<p>I am going to show you the steps of setting up the Twitter but it is similar if you want to setup Facebook or LinkedIn. So lets move on to the steps:</p>
<p><b>1. First you need to enable “Jekyll Feed Plugin” in your site. In order to do that, add this line to your site’s _config.yml:</b></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>plugins:
- jekyll-feed
</code></pre></div></div>
<p>Please note that _config.yml does not support “TAB” so use “white space” for indentation.</p>
<p><b>2. Now place following line inside the <head> section of your template which is probably inside “_include/head.html”.</b></p>
<pre>{% feed_meta %}</pre>
<p>This plugin will automatically generate an Atom feed at “/feed.xml” or “_site/feed.xml”, if you are running locally.</p>
<p><b>3. Go to <a href="https://ifttt.com/" target="_blank">IFTTT <i class="fa fa-external-link" aria-hidden="true"></i></a> and sign-up for an account.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-1.jpg" alt="IFTTT sign-up" /></p>
<p><b>4. After creating an account, you will see the page similar to the image below except your recipes will be empty.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-2.jpg" alt="IFTTT creating recipe" /></p>
<p><b>Click on Create a Recipe and the following page appears. We have to set a trigger so click on the link “this” which is underlined and highlighted with a cyan colour.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-3.jpg" alt="IFTTT trigger" /></p>
<p><b>5. To choose the trigger channel, type “feed” in search bar and the result with orange RSS feed icon shows up. Click that icon.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-4.jpg" alt="Choosing Feed" /></p>
<p><b>6. In the resulting page, choose “New feed item” as the trigger.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-5.jpg" alt="feed results" /></p>
<p><b>7. The next step is to provide link of feed.xml. If your site is hosted in Github it is probably “github_username.github.io/feed.xml” or “github_username.github.io/repo_name/feed.xml”. Provide the link correctly link and click “Create Trigger”.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-6.jpg" alt="feed.xml link" /></p>
<p><b>8. Trigger is set now. Another step is to execute action with the specified trigger so click “that” which is in cyan colour and underlined.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-7.jpg" alt="setting action" /></p>
<p><b>9. In the action channel search bar type in “twitter” and click on the result that comes in.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-8.jpg" alt="action search" /></p>
<p><b>10. Connect twitter with IFTTT app. Since you want to auto tweet your new article choose “Post a tweet” action</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-9.jpg" alt="choosing action" /></p>
<p><b>11. The box contains “EntryTitle” and “EntryUrl” by default but to make it look more cool, you can add your desired phrase and click next. Finally click “Create Recipe”.</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-10.jpg" alt="finalizing action" /></p>
<p>Congratulations! You have successfully setup auto posting your article to twitter. Afterwards whenever you post a new article, it is fetched from the feed and is tweeted on your profile within few minutes.</p>
<p>Note: The URL of your posts get shortened while tweeting but if you do not want shortened URL you can change the preference by following steps:</p>
<p><b>1. Click on your account name on the top right and choose Preferences</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-11.jpg" alt="preferences" /></p>
<p><b>2. Remove check mark from “Auto shorten URLs” and click on Update settings</b></p>
<p><img src="/assets/images/blog/2016-10-05-auto-post-articles-from-jekyll-blog-to-social-sites/autopost-blog-to-social-site-12.jpg" alt="avoiding short urls" /></p>
<p>This is all you need to do. Don’t forget to share your experience on setting up IFTTT through comments.</p>saradIn this article I am going to show how to auto post your articles from Jekyll blog that is hosted on github pages or any other hosting site, to your Facebook, Twitter and LinkedIn account. Since jekyll is a static site and it does not have any plugin that automatically posts your article to the social networks we need to follow this process in order to succeed.Learning Web Development at TECHRISE2016-10-02T17:54:46+00:002016-10-02T17:54:46+00:00https://ictsolved.github.io/web-development-at-techrise<p>I have already posted about my event of <a href="/blog/memorandum/noskode2016-winner">winning NOSKode2016</a> held on Software Freedom Day. I along with other members of my team <a href="https://aarcana.github.io" target="_blank">Aarcana: for society <i class="fa fa-external-link" aria-hidden="true"></i></a> were rewarded with the certificate of excellence and were given an opportunity to learn an web development course worth NRs. 20,000 for free at <a href="https://www.facebook.com/chulo.solutions/" target="_blank">TECHRISE <i class="fa fa-external-link" aria-hidden="true"></i></a>. It was a great moment of joy and our happiness was on the top. So here is how our web development career begun at TECHRISE. <!--more--></p>
<p>After the announcement of reward, we were scheduled for an meeting at TECHRISE a couple of days later. When we reached there, we were congratulated by the co-founders <b>Takehiro Mouri</b> and <b>Natsuko Robyn Shinozaki</b>. They officially welcomed us at TECHRISE and we enrolled ourselves for learning one of the courses they provide. It’s all about being a web developer within two months standing on the platform of Ruby on Rails.</p>
<p>It has just been a week since our enrollment but it seems a lot about what we are learning. The method they use for teaching is appreciable since my learning curve is steepening at a high rate compared to my past experiences I faced while learning. Their one-on-one mentor session helps me to stay focused completely. We almost get 24x7 support from them and their team. Online group discussion, evaluation of understanding after every essential topic and not to mention the motivation they provide are the things I liked very much about them.</p>
<p>I am happy to be a disciple at TECHRISE and I on the behalf of my team would like to thank both NOSK and TECHRISE for providing us this grand opportunity of skill development. I also want to commit that I will dedicate myself and give my fullest to learn utmost from you and your team.</p>saradI have already posted about my event of winning NOSKode2016 held on Software Freedom Day. I along with other members of my team Aarcana: for society were rewarded with the certificate of excellence and were given an opportunity to learn an web development course worth NRs. 20,000 for free at TECHRISE . It was a great moment of joy and our happiness was on the top. So here is how our web development career begun at TECHRISE.Recover Grub of EFI System in Linux2016-09-30T03:16:46+00:002016-09-30T03:16:46+00:00https://ictsolved.github.io/recover-efi-grub-in-linux<p>All the linux users who use distro with <b>GRUB</b> as a bootloader are aware of its value. That hard time when you power on the computer and after a brand logo the next screen just appears to show you message that GRUB was not able to load the entries. In this article, you’ll get to know how to recover the GRUB bootloader on EFI/UEFI system. <!--more--></p>
<p><b>NOTE:</b> This article shows the method of recovering the GRUB only for Debian and it’s derrivatives that uses ‘apt-get’ as package manager with EFI/UEFI systems. If your bootsector uses MBR this does not work at all.</p>
<p><b>Pre-requisite:</b> Live bootable media of your Linux distro and an working internet connection</p>
<p><u><b>Steps:</b></u></p>
<ol>
<li>
<p>Boot your Linux distro live</p>
</li>
<li>
<p>open the terminal</p>
</li>
<li>
<p>Find out Linux partition and EFI partition with following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> sudo fdisk -l
</code></pre></div> </div>
<p>You will see the output similar to image below:</p>
<p><img src="/assets/images/blog/2016-09-30-recover-efi-grub-in-linux/linux-fdisk.jpg" width="850" height="450" alt="list partitions with fdisk" /></p>
<p>Look at the ‘Device’ and ‘Type’ column. In my case,</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> /dev/sda2 is EFI System
/dev/sda7 is Linux filesystem
</code></pre></div> </div>
<p>Note out your EFI System and Linux filesystem Device.</p>
</li>
<li>
<p>Now you need to execute the following commands replacing with your ‘Device’ accordingly:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> sudo mount /dev/sda7 /mnt
sudo mount /dev/sda2 /mnt/boot/efi
sudo for i in /dev /dev/pts /proc /sys /run; do sudo mount -B $i /mnt$i; done
sudo cp /etc/resolv.conf /mnt/etc/
sudo modprobe efivars
sudo chroot /mnt
sudo apt-get update
sudo apt-get install --reinstall grub-efi-amd64
sudo update-grub
sudo umount /mnt/boot/efi
sudo umount /mnt
exit
sudo reboot
</code></pre></div> </div>
</li>
<li>
<p>Now you are done and the grub menu should appear on reboot.</p>
</li>
</ol>
<p><b>NOTE:</b> If you have dual boot, another OS may not be listed in the entry so after reboot open the terminal and enter following command:</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> sudo update-grub
</code></pre></div></div>
<p>That’s all and you are good to go. Let me know through comments if you face any problem and I’ll be there for you.</p>saradAll the linux users who use distro with GRUB as a bootloader are aware of its value. That hard time when you power on the computer and after a brand logo the next screen just appears to show you message that GRUB was not able to load the entries. In this article, you’ll get to know how to recover the GRUB bootloader on EFI/UEFI system.Won NOSKode 20162016-09-22T07:54:46+00:002016-09-22T07:54:46+00:00https://ictsolved.github.io/noskode2016-winner<p>Almost every techie is aware about 3<sup>rd</sup> Saturday of September and specially those who love open source, it is obviously a special day. Yes, it is the day of freedom and liberty which we call as <b>Software Freedom Day.</b> It is a global event and is being celebrated since 2004 August 28. <!--more--></p>
<p><img src="/assets/images/blog/2016-09-22-noskode2016-winner/2016-09-22-noskode2016-winner-2.jpg" alt="Software Freedom Day 2016" /></p>
<p>Being a computer science student and a Linux user, it was more than an ordinary day for me too. On the top of it, I had registered for a event ‘NOSKathon’ organised by Nepal Open Source Club (NOSK) where the team of 2-4 person could participate and compete with other team under theme ‘FOSS for people’. The challenge was to make use of the open source and to serve the locality. I also built-up the team with my other 3 friends and named our team <a href="https://aarcana.github.io" target="_blank">Aarcana <i class="fa fa-external-link" aria-hidden="true"></i></a>.</p>
<p><img src="/assets/images/blog/2016-09-22-noskode2016-winner/2016-09-22-noskode2016-winner-3.jpg" alt="Aarcana: for society" />
<small>Team Aarcana: Rujan Shakya, Sarad Gajurel, Deepak Lal Karna and Ranjan Bir Bajracharya (Left-to-Right)<small></small></small></p>
<p>The event was held at NCIT College, Balkumari and I along with my team reached there on time. There were number of programs in the schedule list. First we were taken to the hall where we would compete and then we were given the instructions on what and how we need to do the project. After discussing the idea and how we will implement it for half an hour, next program from the schedule took us to the speech hall. First speech was by <b>Mahabir Pun</b> who inspired all the participants. After him another speech was given by <b>Takehiro Mouri</b> who is co-founder of TECHRISE. He demonstrated how one who is dedicated contribute the effort can become a web developer in two months.</p>
<p><img src="/assets/images/blog/2016-09-22-noskode2016-winner/2016-09-22-noskode2016-winner-4.jpg" alt="speakers for Software freedom day" /></p>
<p>After the speech we returned to our workplace and we were given a couple of hours to prepare a draft and we had to present that to the judges. We had a brand new concept <a href="https://github.com/teamaarcana/Gas-Soln" target="_blank">Gas-Soln <i class="fa fa-external-link" aria-hidden="true"></i></a>. which targets to minimise the shortage of fuel inside the valley. We prepared prototype and presented it to the jury members. It was an interactive presentation as they threw question one after another to us and we also replied each of the questions. It seemed they were much impressed by the idea of our project and they even asked if they would like to implement the similar idea what licence we could provide to them. We were so much happy n hoped to win and we had a break.</p>
<p>During the break time we had launch and then we we visited different stalls. There were lots of artists who were potraying their creativity with absolutely beautiful piece of drawings. And then we visited to another stall which had the exhibition of different Linux distributions including Debain, Ubuntu, Kali Linux, Manjaro, Arch Linux, Elemantary OS etc. Followed by distro exhibition, we were on another stall which let us experience the Virtual Reality (VR).</p>
<p><img src="/assets/images/blog/2016-09-22-noskode2016-winner/2016-09-22-noskode2016-winner-5.jpg" alt="sarad gajurel experiencing VR" /></p>
<p>The break ended and we were back to the hall to work further. We were informed that the project must be submitted at the end of the program so we continued our work and till the last minute we invovled ourselves on the work and finally submitted it to the judges for evalutaion. We were then informed that result will be published next day. Expecting us to be at the first position we then went to photo booth which was the only remaining stall. We clicked photos there and then we left.</p>
<p><img src="/assets/images/blog/2016-09-22-noskode2016-winner/2016-09-22-noskode2016-winner-6.jpg" alt="sarad gajurel at photo Session" /></p>
<p>The next day, result published out and we were flooded with boundless happiness. We then received a call from the organiser team to take the certificate on next day and we did the same. We were congratulated and handed the <b>Certificate of Excellence</b> along with <strong>NRs. 20,000</strong> worth free <strong>Enrollment at Techrise</strong>. The project is still being continued and we are working our best to implement it soon.</p>saradAlmost every techie is aware about 3rd Saturday of September and specially those who love open source, it is obviously a special day. Yes, it is the day of freedom and liberty which we call as Software Freedom Day. It is a global event and is being celebrated since 2004 August 28.