In this short tutorial am going to show you how to connect flutterwave api to your Django application to be able to collect mobile money payments, for Uganda. But for other countries the procedure varies. First you will install the flutter wave python package , I will assume you have python and Django installed. If you are using python only, not with Django the logic in this tutorial should be easy to follow. Add this view to your views.py, The explanation is below. The code above is a view function that connects to a form in the frontend, where the user has to type their details for payment, that is the mobile number, email and the amount they want to pay. When a post request is initiated some checks are done and the user is redirected to the link sent to by flutterwave for verification, it is found in res[‘link’]. Once you get this link you have to redirect the user to it, so that they can enter the OTP sent to their number. The rest you can see from the code. This “redirect_url”: “http://127.0.0.1:8000/webhook”, has to be designed as a webhook, for those who don’t know what a webhook is, It is in simple terms an endpoint where information is sent to. In this context it is the end point where the information about the success of the transaction is sent to, so that you do something with it, like allow the user to access the service you are charging them for. Now you have to design the webhook function , and don’t forget to register the view in the urls.py file in Django directory And that is it you can be able to access mobile money payments. DONT FORGET
Adaptive Layout Design in FlutterFlow for the different screen sizes of a specific form factor
Introduction In recent weeks I ventured into the world of no-code and low-code development. If you ask me, I’d say there are some pretty impressive tools out there, including Bubble and Flutterflow. I was particularly digging into FlutterFlow while using it to build some client products. FlutterFlow is a rather versatile tool that is being improved daily because that’s how fast they roll out updates. Today though I will be talking about UI building in FlutterFlow on specific form factors. So FlutterFlow allows you to build for three form factors which is the mobile, tablet and desktop/laptop but each form factor laptops for instance come in different sizes some being bigger than others and your designs need to be able to adapt and remain consistent on all the laptop sizes. The Layout Therefore for context, we will be talking about the laptop form factor. When starting a design FlutterFlow allows you to choose a screen size which is more or less an aspect ratio at the top of the page. The first thing that you would do would be to select the screen size (resolution) 1920 by 1080 (width to height) which translates to the 16:9 aspect ratio that is preferred by 77% of computer users according to a post on wikipedia. This implies that you would be designing for by far the majority of users. After this, it is always a good idea to begin every component (a group of widgets within a confined space i.e. text, buttons, sections, pages) of your design with a container widget this is because the container enables a high level of customizability and it is the best widget to determine the length and width of sections, rows, columns and widgets within your UI. So to start your design clear out any default widgets and add a container as the first widget on the widget tree. Set this container to occupy 100% width and length. The dimensions of widgets can either be set in pixels or percentages, in certain use cases pixels may be better but generally working with percentages provides more dynamic control of the dimensions. Setting the dimensions to 100% means that that widget will occupy 100% of the screen available therefore taking away the need to do exhausting calculations about the pixels each widget occupies on the screen. You can follow this container with a row or a column depending on your layout. Rows and columns are the most basic layout widgets and do exactly what you think they do arranging items horizontally or vertically. They do not take any dimensions of their own but occupy the space of the widget in which they are placed depending on certain constraints that you set for them which is an entirely different topic for discussion. Consider we have a row containing two sections that are adjacent to one another. First of all, we need to fix the height of the row by wrapping it in a container and setting the container’s height to 20% for instance and its width to 100% so that the row can occupy the entire run along the width. Within the row add to containers and set their dimensions to 100% each because they are constrained by the height of the row. Next, we have to provide them with an expansion setting “Expanded” in this case which makes the widget fill the available space in its parent widget and give it a flex value which works like the weight of that widget within the main axis of the parent widget. So the flex value is more like a ratio like in the image below, I gave the yellow container a flex value of 2 and the teal one a default value of 1. The next step would be to take care of the spacing, now it’s not good practice to have a bunch of padding values on every widget. Generally, when applying paddings it is best to everything at the topmost level i.e. starting with the parent elements in this case the parent element would be the row. The row provides functionalities that allow for the spacing of its children as well as start and end spacing. At the bottom of the row properties section, you can set this value. The value is generally in pixels, there’s an option to apply different values to start and end by switching the toggle off. Conclusion Ultimately, the success of UI building in FlutterFlow for laptops lies in the ability to balance precision and adaptability, creating interfaces that not only meet the preferences of the majority but also seamlessly adjust to the diverse array of laptop screen sizes. This strategic approach enhances user experiences and positions FlutterFlow as a dynamic tool for responsive design in the ever-expanding landscape of digital platforms, happy building FlutterFlow devs 💯 ✌ ️.
How to fetch medium articles/stories automatically to your django site using RSS feeds
I have been working on building my portfolio website using Django as the backend and the front end is HTML and Bootstrap CSS. I needed to populate the recent blogs section on my portfolio because I write quite a lot on Medium and I really wanted to showcase that on my portfolio and the challenge was to automatically fetch my medium blog articles to display on my portfolio site. So the first thing I had to do was check if Medium supported RSS feeds for their articles and luckily for me they did. Medium supports the use of RSS feeds for profiles, publications and topics. You can read more: https://help.medium.com/hc/en-us/articles/214874118-Using-RSS-feeds-of-profiles-publications-and-topics For my usecase, I wanted to automatically fetch my articles from medium to django. The feed for each profile can be retrieved using the following URL schema: medium.com/feed/@username or username.medium.com/feed In my case, the URL to fetch my feed was https://medium.com/@jordan-mungujakisa/feed Here is a step-by-step walkthrough of how I achieved my goal 1. Install the feedparser by running the following command in your terminal 2. Get the URL to your feed and save it as a variable in your view. 3. In your view, get the parsed feed using the feedparser library by adding the following code 4. We can then iterate over the feed and extract the fields we need to use in our site Then you can create an object from the fields, create a list of them and pass it as part of the HTML context. Here is how your view should look like after adding the above code Then you can iterate over the posts in your django template and present the posts in your HTML
How to create your own document scanner using ML Kit and Jetpack Compose
Google recently released their ML Kit document scanner API that can help you easily add a powerful AI powered document scanner to your app. In this blog post, i will go through a step by step guide to implementing it in your own app. So, lets dive right in. Firstly, we need to add the dependency to our app-level build.gradle file. Next, we must set the document scanner options by defining the following configurations: Next, we need to create an instance of our document scanner. We do this by obtaining the client and passing in the scanner options that we previously defined. After creating the document scanner instance, you’ll need to use the activity callback methods. These allow you to launch the document scanner activity and receive a result. First, let’s register for our scanner activity result: We obtain an IntentSender from the document scanner instance defined earlier. Then, we use this IntentSender to launch the scanner activity as follows: Here’s how I handled the results in my app. I wanted to store the PDF meta information in a Room database for later retrieval. Similarly, we can receive the first page image. Here’s a demonstration of how the PDF Document Scanner i created works.
A Journey Through Strategic Task Management
Did you know? In our busy work world, meeting tight deadlines is a challenge in project teams. In my blog post today will guide you through practical strategies and techniques to manage projects effectively, especially when you have limited time. Before going into details of managing tasks, it is very important to grasp the project. Identify your goals, what needs to be done, and who is involved. With this info, your team can create a plan and set a realistic deadline. Effective communication and collaboration play a big role in successful task management. Regular team meetings such as daily team meetings can improve communication flow and ensure that everyone is on the same page. Monitoring and tracking of the task progress is an essential aspect for example the project managers should always know the progress of the on going projects to identify potential roadblocks and take necessary actions to keep the projects on track. From that, I will give you an example of our ongoing project which had taken long to be completed before implementing the strategies above but breaking down tasks helped us identify problems making the whole process smoother. By implementing daily meetings that helped us to know everyone’s progress about the project leading to the decrease of delays. We also had weekly reviews with the entire team to advise us in case of any changes and give ourselves different tasks. Inclusion By following these tips, your team can handle tasks very well and improve teamwork and communication.Good communication is like the backbone of a successful project. It helps teamwork together, find and solve problems, make work smoother and makes everyone feel responsible. When we use strategies like having weekly meetings and daily project meetings, organizations can push their projects to success. Having open communication lets ideas grow, helps us overcome challenges and makes projects do really well.
Document, Content And Prompt Automation: A Comprehensive Guide to Utilizing the Power of Kozesa AI
Introduction In the fast-paced world of document, content ang prompt generation, Artificial Intelligence has emerged as a game changer. Kozesa AI, with its innovative suite of tools, takes the lead in simplifying and automating the document generation, content generation and prompt generation processes. In this blog, we will delve into the features of Kozesa AI and provide a step-by-step on how to effectively leverage its capabilities for optimal results. Document Generator: Crafting Tailored Documents with Accuracy Content Tool: Fostering Creativity with Clear Guidance. Prompt Tool: Crafting Ideas with Clear Direction Conclusion: Empowering Creativity and Productivity. Kozesa AI’s comprehensive suite of tools revolutionizes document generation, content creation and prompt generation. It’s a user centric design with the ability to edit, refine and also download your creations. By unlocking the potential of Kozesa AI, users can enhance their creativity, streamline their workflow, and ultimately achieve unparalleled efficiency in their document, content and prompt creation endeavors.
Fonts selection guide for your blog
The ideal font size for your blog strikes a balance between clarity and artistic attractiveness. There are basic suggestions that one has to be in consideration while selecting the most suitable font for a blog. The ideal font size may differ based on your blog’s design, subject, and audience preferences. However, it is very essential to track user interaction regularly and modify font sizes as required for greater readability. Overview Blog fonts refer to the typefaces commonly used for writing and displaying text content on blogs. These fonts are chosen based on their readability, aesthetics, and compatibility with the blog’s overall design and branding. Some popular blog fonts include: Categories Custom fonts also exist and most bloggers opt for them. What to Consider when choosing blogs. For major body text, choose a font size between 16 and 18 pixels. This guarantees the majority of viewers can read your content comfortably.The following are a few broad recommendations for selection of fonts most suitable for blogs: Headings: Design: Spacing: Audience consideration. Considering the traget audience’s demographics is very essential. Older people or those with visual challenges might gain from moderately larger font sizes. Contrast: Font Size: Testing: Conclusion Selecting the right font size for your blog requires finding an equilibrium between readability as well as appearance. Body text is usually 16 to 18 pixels in size, but headings ought to appear bigger to emphasize. Responsive design is required to ensure fonts adjust to multiple dimensions of the screen. It’s critical to have enough line spacing, consider your audience’s demographics, keep enough contrast to that, and then evaluate your font selection across several devices. Regularly monitoring user interaction assists in altering font sizes as needed to optimise readability. I hope this list was helpful.
Team Work
Teamwork refers to collaborative effort of a group of individuals who work together to achieve a common goal or objective.it involves the coordination and cooperation of team members each contributing their unique skills, Knowledge and expertise to accomplish tasks more effectively than they could individually .Teamwork is essential in various contexts, including the workplace, sports, education and community setting. Defining teamwork is easy but understanding how it works is hard. What teamwork means to you might be different for your teammates. Teamwork also depend much on the nature of your work and what types of challenges you face. Not every type of work needs or depends a lot on teamwork. The nature of your work and what type of challenges you face .You know that you have the right teamwork for the job when your team delivers better outcomes than any one person could on their own. Achieving a goal is often easier when tasks are done cooperatively rather than relying on each individuals singular efforts. Benefits Of Teamwork Source of motivation and innovation: When team members start to work together, they’ll see how it boosts productivity. Teams may meet milestones with greater ease than individuals. Seeing success can motivate others to stick with their goals even if they encounter challenges. Increased Efficiency: Collaboration allows for the division of labor and specialization ,enabling tasks to be completed more efficiently as team members can focus on their strengths. Improved problem solving: Teams can collectively analyze problems from different angles, fostering a comprehensive understanding and facilitating more effective problem solving. Enhanced Communication Skills: Working in a team encourages the development of effective communication skills, including active listening, expressing ideas clearly ,and providing constructive feedback. Importance Of Teamwork Achieving Common Goals: Teamwork puts individuals toward a shared objective, allowing them to combine their efforts, skills and resources to achieve goals more efficiently than when working individually. Enhanced Problem solving: Teams bring diverse perspectives and experiences to the table ,fostering creative and effective problem solving. Different viewpoints can lead to more comprehensive solutions. Increased Productivity: Collaboration enables the delegation of tasks based on individual strengths, resulting in higher productivity as team members work together to accomplish tasks more quickly and effectively. How to Promote Teamwork ●Clearly define the team’s goals and objectives. When everyone understands the collective purpose, it fosters a sense of unity and shared direction. ●Create an open and transparent communication culture where team members feel comfortable to expressing their thoughts and ideas. Foster Active listening and constructive feedback ●Clearly outline the roles and responsibilities of each team member. This helps prevent confusion, establishes accountability and ensures that everyone knows their contribution to the team’s success. ●Acknowledge and celebrate the team’s successes. Recognition and rewards, Whether formal or informal ,motivate team members and reinforce a positive team culture. ●Creates an environment where team members support each other .Encourage collaboration by highlighting the strengths of individuals and showcasing how they compliment each other. ●Create Forums or platforms where team members can share their expertise and skills with each other .This encourages continuous learning and builds a culture of mutual support. Team Building Activities To Break The Ice Among colleagues Two Truths ,One Lie To help new colleagues feel more comfortable with different personality at work ,companies can organize a game called two truths and lie .in this game everyone shares two true stories and one made up story during a break or lunch time .People try to guess which statement is the false one .It’s simple and fun way for the team members to to get to know each other better, encouraging friendly connections and making it easier for new hires to fit in the office. The One Word Icebreaker The one word ice breaker is an informal way for employees to share their thoughts on work related topics like new policies or company culture.in small group of 4 to 5 people, each member uses one word to describe a work event .After a brief discussion on the chosen word ,each group selects one word to share with others .This prompts open conversation between groups encouraging honest discussion about various aspects at work.
Ai in UI Design, A Quiet Revelation Indeed
As a young designer fresh into the Industry , I was eager to make my mark in the world of user interface (UI) and User experience(Ux)design. Equipped with creativity and technical skills, I believed I had all the tools I needed to create visually stunning and user-friendly interfaces. For large scale AAA industries, Little did I know that a quiet revelation was about to change everything (Smile a little)– the integration of artificial intelligence (AI) in UI design.Quite remarkable isn’t it well let’s dive in and see what i’m talking of. A-snap-shot-showing-the-various-features. With a lot more to extract from The world of AI well just looking at this the impact likely to face the sect am in Of UI design is beyond normal scale but this doest let us tire down this is to help us grow and adapt cause these tools are here for us to use not the other way round With those words of encouragement lets leverage these tools and Make Fascinating apps Sketch To Ui Designs Systems. Recently I have been looking into an interesting topic ,imagine a platform where you go And sketch up a UI design . And it is brought to life. Well most certainly there are platforms out there with this capability and looking under the hood,Ai is one of the major key factors that is making such advancements possible. Today I will cover two of their softwares that I have found handy and intuitive in my field as a UI and UX developer for a company dealing in IT outsourcing. Make real from tldraw and Sketch2app. Make real. This is a platform where you can go and make a random sketch of how you imagine your interface to look , give a description and boom with a press of a single button you have a functional Ui Widget, though the Code developed is of CSS and HTML. Mostly a website widget but having even a thought like this is a gold mine into uncharted territory. With more to explore on this beautiful technology , where it seems like the options are limitless just check out what the team has to say about there software “ It can do more than the usual hotdog-or-not image recognition: you can send it a photo of a chessboard and ask for the next best move; ask it why a New Yorker cartoon was funny; or get it to summarize a whiteboard (more on that soon).”A blog post from the tldraw team in London. With an interface and Workable canvas close to that of FigJam to those that use Figma For UI design and Ux Design , this kind of interface will not come as alien to you. With that I live the treasure burnt on mend and Let you venture deeper into the possibilities that come with software like this out there OpenSource And free to use for Every one. The-Make-Real-interface. Sketch2App. Another platform way over our time here , well if you thought the first was Super well this one is cosmic.. Hahahaha, well the platform works in a way that it i first given access to the camera, then you take a picture for your app layout or component. This is where it starts to get fun , You are given an option to integrate it with VS Code(To those who don’t know this is an IDE that supports a lot of programming languages) or just use the web app to take the snap and let the magic happen. After your given options to tweak the design though a text editor where you can tell exactly what you want and press a button then implemented or export to a code sandbox. Well it has support for Languages like Python, Streamlit and Flutter, Real time collaboration like most platforms, Making multiple sketches and so much more. Truely an app here to revolutionize Ui design forever. A Ui in §0 seconds. Well am all inAnd Saving the best for last , this tool is absolutely 100% open source. Free in all manner. A-snap-shot-showing-the-various-features. With a lot more to extract from The world of AI well just looking at this the impact likely to face the sect am in Of UI design is beyond normal scale but this doest let us tire down this is to help us grow and adapt cause these tools are here for us to use not the other way round With those words of encouragement lets leverage these tools and Make Fascinating apps
Mastering your career advancement: A successful guide in 2024
Navigating a successful career path Ref: https://www.slideshare.net/DeepshikhaYadav4/career-advancement-29625698 Welcome to 2024, a year filled with potential for career advancement to new and greater heights.The start of the new year calls for a moment of reflection and forward thinking and i am positivethis will result in a commitment to professional career advancement and therefore transformingthe possible challenges into a stepping stone for success. Before we dive into the 2024 strategies, it is very wise to take a step back into 2023 reflecting onthe paths unveiled and lessons learnt. Reflecting on 2023: Lessons learnt and paths unveiled.As we let go and bid farewell to the challenges and triumphs of 2023, its always good to take amoment of reflection. What has emerged out as a good thing and what are we leaving behind aswe emerge into the promising canvas of 2024? I am glad to inform you that however much lastyear had had its unique set of obstacles and achievements, it had been a year of growth andlearning.I therefore urge us to acknowledge the valuable lessons learned with gratitude and leave behindand luggage, or burden and another thing that did not stick out for you in the previous yearssince that may hinder your progress.On that note therefore, join me as I share some of the insights that will guide us on our excitingjourney of career advancement in 2024 that range from teamwork, continuous learning andmany others. The key success factors to Career Advancement 1. Prepare Yourself Before we dive into other insights, the very 1st thing you ought to do isprepare yourself for what you are about to do. Preparation requires havinga positive mindset and organizing the skill set that you are required of inthat career.at any point and put yourself in a position that indicatedreadiness for growth and advancement. 2. The Power for Teamwork Teamwork driving career advancement Ref: https://www.freshbooks.com/hub/productivity/what-is-teamwork Team work emerges to be one of the leading factors in the dynamic world of careeradvancement. This carries with it a lot of impact such as collaboration, effective communication,and shared success which not only enables individual growth but as well team growth. Before the year 2023 came to an end, we delightfully had a team retreat and it was entirelyaimed at informing us all about teamwork, its basics like communication, helping one another,forgiveness, knowing someone’s weakness and a lot more. This really helped me reflect on allthat and I can say its very effective. 3. Get Ready for Opportunities In most cases, various people 1st want to find an opportunity and then work on themselves,however that is wrong. In 2024, the best thing you can do for your career advancement isprepare yourself for the opportunities. .Organize all the skills you are required of such that allthe opportunities find you ready to go. 4. Continuous Learning We all know that you can never in life be knowledgeable of each and everything in the world.You therefore ought to continuously learn so as you stay relevant and competitive in your field orworkspace. This will enable you to unlock your career full potential. 5. Foster a Competitive Edge Competition is also one of the great drivers to advancement and therefore you should look intothe positive aspects of a healthy competition within a professional setting. It is very inspiring inmy point of view. Enables you to be more innovative and bring the best out of yourself. With this,be rest assured that 202 is your year of success and career advancement. 6. Overcome Failure and Embrace Growth You ought to know that failure is an inevitable part of your journey towards growth anddevelopment. You should therefore learn from your mistakes, move away from your setbacksand grow stronger in that process. Recently before the end of the year 2023, my team and I were running a certain project and wethought it was almost done but to our surprise, it was not. From the feedback we had gatheredfrom various people, we realized that it was one of the worst projects we had ever worked on.This was so challenging but we did not lose hope. Pulled ourselves together and devised meansof working on the project (majorly UI) and managed to rebuild it in a week’s time. In conclusion, as we navigate into 2024, keep in mind that career advancement is acontinuous journey of growth and achievements. Seize those opportunities that comeyour way, embrace changes, foster the art of teamwork and together we shall make thisyear a remarkable chapter in our individual and collective professional development.