#Dart Data Class Generator | Explore Tumblr posts and blogs

bluelupinblogs · 9 months ago

Text

15 Libraries You Should Know if You Build with Dart

Introduction

Front-end developers popularly use Dart language for cross-platform development as Dart makes it faster. Besides having beneficial core features like Ahead-of-Time (AOT) and Just-in-Time (JIT) for enhancing development speed and UI-focused performance, Dart has a rich library that benefits both developers and business owners.

These libraries present appropriate tools and utilities that help developers streamline basic tasks like state management, HTTP requests, or file handling. In this blog, I will introduce 15 essential Dart libraries that every developer should know to make their development experience more comprehensive, faster, and convenient.

Build Using Dart Libraries

A library in Dart is a reusable component of code providing specific functionality or features. Libraries allow modularizing the code, making it easier to reuse, maintain, and test. Libraries can provide utilities for,

Making HTTP requests,

Managing states of the application,

Simplifying authorization,

Assisting with background tasks like fetching data,

Helping with integration tests,

Working with databases, and many others.

A developer can either build their library or use a third-party one available on such platforms as ‘pub.dev’. By importing a library into a Dart project, one can extend its functionality without developing it from scratch.

15 Libraries to look for when building with Dart

1. HTTP

The HTTP package is a lightweight and simple library; it is designed for making HTTP requests easy with Dart. The package allows making all general CRUD (Creare, Read, Update, Delete) operations such as GET, POST, PUT, and DELETE. Moreover, its syntax is as simple as possible. For instance, the library allows interpreting precisely and concisely with REST data, as well as handling responses. The HTTP package is an adequate choice for small projects seeking uncomplicated and concise network interaction.

Explanation: This snippet makes a GET request to fetch a list of posts and prints the response body to the console.

2. Dio

Dio is a powerful HTTP client for Dart that allows developers to easily send network requests and manage responses. It is written with best OOP practices and contains a clear and cohesive API for handling HTTP requests. Dio offers such features as interceptors, cancellation, and retrying but what’s more important it simplifies creating requests on JSON formats and forms. If your application works with a server, then this library will save time for you.

Explanation: This shows how Dio makes network requests and handles responses, similar to HTTP, but with more power and flexibility.

3. Provider

For building Flutter apps, I believe that Provider is mainly used because it is one of the most frequently used libraries for state management. By utilizing Provider, developers can take care of the state across different sections of the application. As such, it is a useful tool for separating a UI from business logic and keeping the code more concise and neat. In addition, this library is highly scalable, which is useful for maintaining and operating complex applications with nested widgets relying on shared data.

Explanation: This shows how Provider helps manage the state in a Flutter app. The Counter class can notify the UI when its value changes, ensuring reactive updates.

4. Hive

Hive is a high-performance, lightweight, and fast key-value database designed for Dart applications. It is very efficient and provides strong encryption capacities allowing for very secure data storing and management. Thus, the key element for utilizing this database is working with significant tokens, like user identification of credentials. The main advantage of Hive is that the database does not require significant installations or configuration, which means it is very easy to integrate with an application and then delete if not needed.

Explanation: This example demonstrates storing and retrieving a key-value pair using Hive for local persistence.

5. GetX

GetX is a very high-performance library not just for state management, but also for navigation and dependency injection in a Flutter app. Its no-boilerplate and high-performance features make it one of the most-used libraries currently. GetX is especially useful in apps requiring multiple layers of UI states and complicated navigation. It is also reactive, meaning it can handle all the service calls and back-end connectivity without any additional support.

Explanation: GetX allows reactive state management with simple syntax. The count variable automatically updates the UI when changed.

6. Bloc

The Bloc library is an implementation of the Business Logic Component pattern and provides an ordered and structured way of managing the state in Flutter apps. It separates the business logic from the UI, which means your codebase remains clean, modular, and testable. Since the Bloc library uses Streams, it is best suited for applications that need a real-time update of data or have certain complex user flows to be implemented. Bloc is recommended to be used in large applications, where being predictable and scalable is critical.

Explanation: This code shows how the Bloc separates logic from the UI. The CounterCubit manages the state, emitting new values when the counter is incremented.

7. Intl

Intl is a powerful library for internationalization and localization in Dart apps. It provides all the necessary tools for formatting dates, numbers, and currencies depending on the locale, which becomes indispensable when developing global applications. The necessity to manage localized messages at some point is more likely. Along with more than 400 supported locales, the library also helps to customize your app according to users’ time zones, oriental currency format, and even the choice of language.

Explanation: This shows how Intl formats a DateTime object into a specific string format, making it adaptable to different locales.

8. Equatable

Equatable is a simplified way of comparing objects in Dart by overriding “==” and “hashCode” methods automatically. Otherwise, in Dart classes, you would manually implement these methods to create comparison operations between object instances. Since it helps to avoid repetition, Equatable is convenient to use with state management solutions, where object comparisons occur regularly. Particularly it is beneficial when dealing with complex objects having numerous fields that need to be compared.

Explanation: This example shows how Equatable allows easy comparison between objects, without manually overriding equality methods.

9. Json_Serializable

Working with APIs that return JSON is a common way of getting data. However, manually converting this data into Dart objects is not the most efficient process. The JsonSerializable used with annotations is a way to automatically generate code for serializing and deserializing. In other words, you can easily convert the data from Dart objects to JSON and vice-versa with little to no work. This is particularly useful for big applications where working with external APIs is done regularly. It ensures that the process is fully automated and no errors are made in the conversion.

Explanation: Here, JsonSerializable is used to generate code that converts a User class from and to JSON format, making API integration easier.

10. Freezed

Freezed is a code generation library designed for the immutable data classes in Dart. It allows one to create classes that are as simple as they are safe to use, with several features corresponding to union types and pattern matching included. The library can also be seen as a good means of dealing with other libraries like Bloc and Provider, integrating itself well. If you face problems of state management with complex state transitions or simply need immutable objects with the minimum boilerplate, Freeze can be an excellent way out.

Explanation: This shows how Freezed helps create immutable classes and reduces repetitive code when defining simple data models.

11. Path

The path is an essential cross-platform library that facilitates the process of working with file paths in Dart. The library is designed to work consistently across Windows and Unix-based platforms. Since various applications need file I/O, it is particularly crucial to address this issue, as Windows and Unix-like systems depend on different file path conventions. Path facilitates operations with file and directory paths– joining and splitting paths, as well as normalizing a path to its canonical form.

Explanation: This example demonstrates joining file paths in a cross-platform way, ensuring compatibility with different operating systems.

12. Built Value

Built Value is a convenient library for Dart that can be utilized for developing immutable data models. As this tool forces immutability, structures cannot be changed, making it suitable for applications that work with complex data models or API responses. By using Built Value, you can make sure that objects will be unalterable and have types, which contributes to better and more reliable code. In addition, the library supports code generation that reduces the amount of boilerplate material to be used for creating data classes.

Explanation: Built Value enforces immutability and provides structured ways to create and manipulate objects in a type-safe manner.

13. Fluro

Fluro is a routing or navigator library developed for Flutter which is high-performance and makes navigation to different pages or screens in your app much easier with dynamic route handling, route parameters, and deep linking. It was developed primarily to help in navigation in larger applications with some more complex navigational requirements where you want to have complete control over how routes are defined and handled. This makes it the perfect choice for apps that require custom navigation solutions and deep integration with web-based URLs.

Explanation: Fluro helps handle navigation and routing between different pages, especially useful for complex navigation scenarios.

14. RxDart

RxDart is a perfect library for building apps that depend on interactive or real-time updates. It extends Dart’s standard Stream API with reactive programming principles. This Dart library applies a broad series of operators to work with data streams asynchronously and is perfect for managing complex event-based processes. Both subjects and observables with simple operators, such as map, filter, and merge, are supported. This makes RxDart an excellent tool in different cases. For example, if a developer is writing a chat or dashboard app with real-time updates, it will be the perfect solution.

Explanation: RxDart makes handling asynchronous data streams easier. The Behavior Subject emits values that are automatically listened to by subscribers.

15. Firebase

If you need to add any backend service to your app in Flutter, your first choice is likely to be Firebase. It covers all your backend needs- authentication, real-time databases, cloud storage, and push notifications. Using Firebase with Dart is very simple since there is a set of libraries like firebase_auth and cloud_firestore. As a result, you can seamlessly add cloud-based features to your app without writing a single line of backend code. No matter whether you want to build a chat, e-commerce, or social networking app, Firebase has everything you need.

Explanation: This example demonstrates how to initialize Firebase and use its authentication service to sign in a user anonymously.

FAQs

1. Which Dart libraries are used in web development?

A few Dart libraries for building web apps are HTTP, json_serializable, intl, firebase, and many others. These libraries are used for fetching data from APIs, converting between Dart objects and JSON, formatting for dates, and currencies handling language translation, and securing authentication respectively.

2. Which Dart libraries are used in mobile app development?

The following Dart libraries are used in mobile app development among many others - GetX, Firebase, Hive, HTTP, and Provider. The provider helps in managing the state of the mobile applications, GetX simplifies navigation within apps built on Flutter, HTTP helps you manage network requests, Hive locally stores high-value objects and Firebase assists with user authentication and real-time updates.

3. What is the Dio library in Dart?

Dio is a popular HTTP client library in Dart. It is primarily used for simplifying networking requests like performing CRUD operations (Create, Read, Update, and Delete). Dio's core functionalities like interceptors, error handling, timeouts, file uploading, forming data, etc make it highly preferred in Dart projects.

Conclusion

There are plenty of libraries in the Dart ecosystem to create everything from mobile to web to desktop applications. If you are building user interfaces, managing the state of your application, or working with HTTP requests or files, these libraries described in this blog will help you speed up the development process. Using these libraries will allow you to concentrate on creating new features without reinventing the wheel.

#DartLibraries #DartProgramming #FlutterDevelopment #DartTools #DartCommunity #OpenSource #ProgrammingTips #DeveloperResources #DartLanguage #LearnDart

0 notes

softcode9x · 9 months ago

Text

How do I use generics in Dart to create a reusable data structure like a Stack<T>?

Generics in Dart allow you to create reusable and type-safe data structures and functions. By defining a class or method with a type parameter, you can work with different data types without sacrificing type safety. For example, a generic Stack<T> class can store elements of any type, such as integers, strings, or custom objects, while ensuring that only the specified type is used throughout the stack's operations. This not only makes your code more flexible and reusable but also helps prevent runtime errors by catching type mismatches at compile time. Using generics, you can build robust and versatile components that integrate seamlessly into various parts of your application.

Here's an example implementation of a generic Stack<T> in Dart:

class Stack<T> {

final List<T> _stack = [];

void push(T value) {

_stack.add(value);

}

T pop() {

if (_stack.isEmpty) {

throw StateError('No elements in the stack');

}

return _stack.removeLast();

}

T peek() {

if (_stack.isEmpty) {

throw StateError('No elements in the stack');

}

return _stack.last;

}

bool get isEmpty => _stack.isEmpty;

int get length => _stack.length;

}

Usage Example:

void main() {

Stack<int> intStack = Stack<int>();

intStack.push(1);

intStack.push(2);

print(intStack.pop()); // Outputs: 2

Stack<String> stringStack = Stack<String>();

stringStack.push('hello');

stringStack.push('world');

print(stringStack.peek()); // Outputs: 'world'

}

Explanation:

Generic Type <T>: The Stack class is defined with a generic type parameter T, allowing it to store elements of any type.

Internal List: The _stack list holds the stack elements.

Stack Operations: Methods like push, pop, peek, and isEmpty provide standard stack functionality.

Type Safety: Using generics ensures that the stack is type-safe and can be used with any data type.

Hire Me: https://www.fiverr.com/s/GzyjzyZ

-------

Behance Portfolio: https://www.behance.net/susmoydutta

---------------------

Linkedin Profile: https://www.linkedin.com/in/susmoy-dutta/

-----------

1 note · View note

susmoydutta · 9 months ago

Text

How do I use generics in Dart to create a reusable data structure like a Stack<T>?

Here's an example implementation of a generic Stack<T> in Dart:

class Stack<T> {

final List<T> _stack = [];

void push(T value) {

_stack.add(value);

}

T pop() {

if (_stack.isEmpty) {

throw StateError('No elements in the stack');

}

return _stack.removeLast();

}

T peek() {

if (_stack.isEmpty) {

throw StateError('No elements in the stack');

}

return _stack.last;

}

bool get isEmpty => _stack.isEmpty;

int get length => _stack.length;

}

Usage Example:

void main() {

Stack<int> intStack = Stack<int>();

intStack.push(1);

intStack.push(2);

print(intStack.pop()); // Outputs: 2

Stack<String> stringStack = Stack<String>();

stringStack.push('hello');

stringStack.push('world');

print(stringStack.peek()); // Outputs: 'world'

}

Explanation:

Generic Type <T>: The Stack class is defined with a generic type parameter T, allowing it to store elements of any type.

Internal List: The _stack list holds the stack elements.

Stack Operations: Methods like push, pop, peek, and isEmpty provide standard stack functionality.

Type Safety: Using generics ensures that the stack is type-safe and can be used with any data type.

Hire Me: https://www.fiverr.com/s/GzyjzyZ

-------

Behance Portfolio: https://www.behance.net/susmoydutta

---------------------

Linkedin Profile: https://www.linkedin.com/in/susmoy-dutta/

-----------#FlutterApp#FlutterUi #Flutter#FlutterDeveloper #FlutterFirbase #Amanda #Paula #SusmoyDutta #infoosp #softcode9x #SoftCode9X #SoftCodeNinex #NineSwiftCode #SoftCodeQuick9 #9XSoftPro #NineSpeedCode #FastCode9X #NineXSoft #SwiftSoft9X #9XVelocityCode #TurboSoft9 #RapidCode9X #NineXAccel #SoftCodeRush9 #9XHyperCode #NineXExpress #SoftCode9Jet #QuickSoft9X #NineXBoost #SoftCode9Turbo #9XFlashCode #Innovation #Speed #Efficiency #Modern #Technology #Sleek #Dynamic #Precision #Digital #Simplicity #Futuristic #Connectivity #Code #Software #Minimalist #Agility #Performance #Scalability #Edge #Flow #Cutting-edge #Versatility #Innovation #Matrix #Circuit #Abstract #Cloud #Binary #Integration #Velocity #Quantum #Grid #Hex #Pixel #Network #Algorithm #Synergy #Revolution #Core #Nexus #bastSoftCode9X #techsoftCode9X #itSoftCode9X#dev #SoftCode9X #softwareSoftCode9X #infoSoftCode9X #tclSoftCode9X #flutterSoftCode9X #websitSoftCode9X #mobileSoftCode9X #softwaredevelpomentSoftCode9X #developSoftCode9X #softwareSusmoydutta #SoftwareDeveloperSusmoyDutta #infoosplife

0 notes

rubengrey · 1 year ago

Text

Constraining Dart’s Numeric Types And Why You May Want To Do This

Do you want to understand constraining dart’s numeric types and why you are required to do this? If yes, then go through this guide and gather all the essential details about such a process now.

In general, there are a wide range of languages that are useful for development work and among that, many people prefer using Dart. The Ada language is the most extraordinarily typed language and it has the simplest yet powerful feature. Many best flutter developers from flutter agency have used it and have gained a wide range of benefits.

The subtype in the Ada is the type together with the associated constraint. It is the subset of values of the existing type. For instance,subtype Small_Int is Integer range -10 .. 10;

It declares the type named Small_Int that is the integer subtype with the same operation as the integer. But it is constrained to the value range of around -10 to 10.

Trying anything to assign the value to the type that is outside the constraint range can cause the Ada runtime to raise the constraint error that could never be ignored, instead it can only be handled. Such type can be used to best reflect certain values to be stored. It can also give you wide range of benefits such as:

Better error checking possibilities

Simple to prove the program properties with various restricted types

Person who read the code can have the clear understanding of the variable purpose

A best example of this is nothing but converting the data from the outside world into certain types in the application. It is nothing but deserializing the byte stream from the socket into the record type or structure.

The subtype will never allow any value outside the constraints to be set, either anywhere in the application or at the point of deserialization. It is very essential in safety or high integrity critical systems, where the propagation of the invalid value into application may have some negative consequences.

Now here you may have doubts that you can do such a task in Dart. Of course it is possible. But you could not implement it at the runtime as similar to the Ada.

This Dart is very much flexible with the combination of the operator overloading and class extension that you can model the working subtyping framework. Here in this article, only certain ints can be considered. But the code can be made very generic.

At first, you are required to create the abstract subtype class so that you can derive the wide range of the concrete type.

Here you can get the chance to set the constraints for certain subtypes and use the private method boundsCheck to go through the constraints. The ArgumentError can be raised when the check fails. After that, you can check out the + operator and equality operator.

For certain equality, you can check out some comparisons to the ints and other subtypes which are similar for the addition of ints and other types derived from the subtype.

Here you must note that the return type of a certain addition operator can be dynamic to enable the default operation for the derived types. Now you can use it in certain effective ways. The main way is to create the general purpose subtype and use the type aliasing for aiding readability.

It can let you write the subtyped integers.

The addition now will simply become as:numEggs1 += numEggs2;

Here you can know that the subtype constraint could never be violated. Other required operators can also similarly add. Till this, everything will be fine and further the implementation can also allow this:numEggs += numPeas;

It is mainly since; both the types can be derived from the subtype. It doesn’t naturally read and it is probably not what you are expecting.

Further they can tighten this by adding the strict type checking mechanism and while they are at it they check that variable could never be used unless it can be initialized. Therefore, the addition operation can become the most essential process of the Dart.

Then the addition of the peas in the pod to eggs in the box mentioned above can now throw as certain types AScore and ADozen when instantiated with a strict typing flag.

Although it can be derived still from the subtype that can now be treated as the different type. Here type aliasing doesn’t require to be used. There is nothing that can directly stop the user creating the EggsInABox type from the subtype.

Building the fleshed-out production-ready subtyping mechanism with the equivalent unit test suite will only suit some since it is not trivial. But when it is implemented, it can be re-used in many of the applications and packages.

Here the code is not the real take out, instilling the questioning mindset in the reader’s eyes. When you are looking at the code differently and ask certain questions, then you are on the way to produce more type safe code when compared to the standard Dart allows.

Impact of Dart apps:

Generally, the Dart app regularly targets a wide range of platforms. For instance, the flutter app may target the android, iOS and the web. Here the code can be very much similar to the app which isn’t based on the platform specific libraries or uses certain numbers in the way that are platform dependent. Find here various dart tips and tricks for flutter developers.

Dart always has allowed the platform specific representations and certain semantics for certain numbers, for reasons of code size, platform interoperability and performance. The Dart code can be run on both web and native platforms for years and certain number implementation differences are rarely the problem. The type code behaves the same here.

Conclusion:

From the above mentioned scenario, now you have got the idea about constraining dart’s numeric types and why you are required to do this. So why are you still waiting? Now you can hire dedicated front end developers and then proceed further with this process. These experienced developers can help you a lot.

#Dart #Flutter #Flutter development #App development

0 notes

brainmachinebroke · 1 year ago

Text

Halo Spartan Battalion ideas

I've been playing around with making my own offshoot branches of UNSC spartans and establishing a vague lore, just for fun and as a head-canon way of rationalizing the wide color variety of Spartans throughout the franchise!

I've added what I got so far to this little list; hopefully someone can find inspiration through my ideas!

This list focuses on 3 "generic" groups, not unique fireteams. Mostly generic footsoldiers of the cyborg variety :)

-*-*-*-

Fleetcom 109th Defense Battalion "Lawn Darts"

Armor type: Mark V(b)

Armor color

Primary: Forest

Secondary: tan, khaki, steel, sage, olive

Accent: red/maroon right shoulder for captains

Description:

Part of Fleetcom's First Response Force (FRF). An entry-level position for spartans looking to reach higher military status.

Deployed in limited numbers for establishing front line defense and offensive retaliation, usually remaining on the ground until a healthy FOB has been created and fully crewed.

-*-*-*-

Fleetcom 104th Defense Battalion "Komodos"

Armor type: Mark V(b)

Armor color

Primary: Red

Secondary: tan, khaki, white

Accent: N/A

Description:

Part of Fleetcom's First Response Force (FRF). Responsible for creating a "no-man's-land" on a battlefield by using heavy ordinance.

Most members are equipped with GUNGNIR-class or JFO-class MJOLNIR loadouts to facilitate precise terrain manipulation and destruction.

-*-*-*-

Test Group 07 (DORYPHOROS)

Armor type: MK IV (current)

Armor color

Primary: Cyan (testbed standard 007)

Secondary: Cyan (testbed standard 007)

Accent: Uncoated visor (silver, uncoated)

Description:

As/When required armor testing unit, most "famous" for their evaluation of the modified Mark IV armor found on the Spirit of Fire following the vessel's reappearance.

This group is responsible for capturing reference images, videos and filtered data to the broader MJOLNIR development program to expedite the creation of variants and supplemental modules.

#halo #halo infinite #spartan #unsc

1 note · View note

flutteragency · 1 year ago

Text

Future Hacks On Flutter For Custom App Development 2024

Among other frameworks, Flutter plays a crucial role in developing apps. Of course, flutter developers are arising daily because they can handle on-demand projects.

Flutter is nothing but an open-source UI framework development kit. During the development process, you can notice some critical hacks to develop. If you want to build apps, you must follow the future hacks. As a developer, you must notice everything.

On the other hand, Flutter is the most exceptional productive app framework available today. Of course, it increases productivity and maximizes the use of the platform. Likewise, the framework tool is unique and handled by many developers.

You can have practical skills in custom app development from language tools and essential operators. When you hire Flutter developers, you must notice they can handle future hacks on Flutter work.

Here Are Some Of The Future Hacks On Flutter That You Must Know In 2024.

Dismiss Keyboard Using Flutter

The flutter design should have a different node and use a gesture detector to dismiss the keyboard. This hack will show you the possible ways to create apps without hassles. Thus, it should be admirable and hence capture keyboard attention.

Dart Data Classes

On the other hand, the data classes should be essential in analyzing the debate and include long-term issues. It will accept for some time and hence capture the developer’s attention.

But, at the same time, developers have to use data classes in Flutter. It includes IDE Plugins to generate code and enhance developer productivity. The data classes take the most effective tools and can regulate the results with flutter development.

Add Timer using Flutter.

The execution of code takes proper time with a flutter to choose with the timer class. The timer class can focus on specifying the time limit to set back for execution. Thus, flutter developers will notice and handle everything with a proper outcome. The execution takes period code, and the handle depends on the piece of code.

Show Item Separately From ListView Using Flutter

Of course, ListView makes its scroll and is adaptive on requiring a time limit. A flutter developer will handle ListView based on the line and focus on children’s scroll. It will require a separator and is likely to distinguish the ListView option.

Create a circle shape image using Flutter

However, Clipoval takes widget clips, which are helpful for circle shapes and others. The app development criteria should be fulfilled based on the width and height. It takes an equal shape and is adaptive to choose from the clips.

Refactor code using Flutter

Based on the custom designs, the layout and boosting UI components should be clarified. They come forward in setting up the dummy containers. It will associate with Refactor code to handle everything on UI components to set the layout.

If Null Operator (??)

Null Operator () is an essential hack to determine if it returns the value. Of course, it includes a null operator, which should be valuable for returns on a null value. They carry certain things to adapt and focus on the null Operator (??). It will return the value and assign it with returns.

Always Use Final Variables In Your Stateless Widgets

Of course, it is something to tempt and handle non-final variables in stateless. The widgets should be handled stateless and communicate based on the change over experience. If the non-final variable and considered the stateful widget instead and tempting to instantiate. They will handle non-final variables and stateless widgets to be uploaded.

Set the background image to your Container using Flutter

The background image can handle the Container and do something by adapting to achieve the result. Thus, it considers the decoration and sets the image in the Container. It will be adaptive and able to focus on the background image to Container well and the background to handle the stack.

Knock Out the iPhone Notch with Safe Area Using Flutter

The MediaQuery is to check the dimensions and handle the screen presence. It will match the app, which will be safe on iOS and Android. It considers the SafeArea widget to handle pesky notification bars and phone notches for encroaching. The app design must handle everything and could happen in Android. It includes Child Widget to math and make sure to get app design with a flutter development.

Write Cleaner Code Using the Spread Operator with Flutter

Introducing Dart 2.3 with valuable features is the best thing to explore the spread operator. They will handle everything depending on the conditional UI widgets. It will especially handle nested conditional UI to handle useful features and like to handle spread operators.

Efficient Debugging with Performance Overlay

Of course, you can do a frame suitable for an easy rendering option. It should be mentioned based on the show performance overlay. It gives an adaptive choice, handles with the frame, and checks the raster thread or GPU time. It considers the UI time at the bottom and the GPU graph, which is evident in red. It means to be adaptive on a scene and render fit in the frame. Dart code must be handled with a thread and graph showing the bar status in red.

Create API Wrappers around Packages

The package documentation should carry about direct usage and handle everything based on APIs. They must be more experienced and handle polluting and codebase with direct calls. Random places and handle with a good practice less experienced to handle with direct usage of the package.

Limit Widget’s Render Function to ~60 Lines of Code

On the other hand, the flutter design should be explored with a giant pile of code. They are entirely adaptive in setting up the lines of code. It will be adaptive in guidelines and forced with developer widgets. They come forward in setting up structure and clear. Personal guidance should be focused on problem-free widgets.

Conclusion:

Thus, future hacks of custom app development in Flutter must be adaptive and handle everything well. Of course, you can hire Flutter developers to handle everything based on the requirements. The flutter development with hacks is always applicable to notice app design.

FAQs:

How do I get better at Fluttering?

The best thing is to enhance the skills and immerse you in reading the code to focus on enhanced solutions.

What are the best practices in Flutter?

Flutter is known for being adaptive in performance for handling everything on the framework with impressive credentials.

Do you need coding for Flutter?

Of course, you must handle writing code and be able to build Flutter apps. The Flutter platform should be designed with a Dart programming language to create apps.

#Flutter app development #Flutter development #Hire Flutter developers #Flutter developers in Miami #Custom app development

0 notes

wamatechblog · 2 years ago

Text

Flutter Web App Development A Step-By-Step Guide

Introduction

In today's rapidly evolving digital landscape, mobile app development has become a vital aspect for businesses and developers alike. Flutter, a revolutionary open-source framework developed by Google, has gained immense popularity for building high-performance, visually appealing mobile applications with a single codebase. In this article, we will explore the fundamentals of Flutter development and provide a step-by-step guide on how to create outstanding mobile apps.

Understanding Flutter Development

What is Flutter?

Flutter is a free and open-source UI software development kit (SDK) that enables developers to build natively compiled applications for mobile, web, and desktop from a single codebase. It uses the Dart programming language, which offers a simple and reactive approach to building user interfaces.

Why Choose Flutter for Mobile App Development?

Flutter offers several advantages over other frameworks, including its exceptional performance, expressive UI components called widgets, and the ability to create cross-platform apps with a native-like experience.

How Does Flutter Work?

Flutter uses a unique and powerful rendering engine that allows developers to create visually impressive and customizable UIs. The "hot reload" feature further accelerates the development process by providing real-time updates to the app during coding.

Setting Up the Development Environment

To begin building Flutter apps, you need to set up your development environment correctly.

Installing Flutter SDK

Start by downloading and installing the Flutter SDK on your machine. Flutter provides comprehensive documentation to guide you through the process.

Configuring IDE and Emulators

Choose your preferred Integrated Development Environment (IDE), such as Android Studio or Visual Studio Code, and configure the Flutter plugins. Next, set up emulators or simulators for testing your apps.

Creating a New Flutter Project

Use the Flutter CLI (Command Line Interface) to create a new project. This will generate the necessary files and folders to begin coding your app.

Exploring Flutter Widgets and UI Design

Widgets are the building blocks of a Flutter app's user interface. There are two types of widgets: stateful and stateless.

Introduction to Widgets

Widgets are classes used to construct the user interface of a Flutter app. Each widget represents a specific element, such as buttons, text fields, or containers.

Stateless vs. Stateful Widgets

Stateless widgets are immutable and do not change over time. In contrast, stateful widgets can change dynamically, making them perfect for interactive UI elements.

Designing UI Layouts with Widgets

Flutter provides a wide range of pre-designed widgets to create UI layouts efficiently. You can also customize these widgets to match your app's theme.

Styling and Theming

Styling and theming play a crucial role in enhancing the visual appeal of your Flutter app. Flutter allows you to define custom styles and themes to maintain consistency across the entire application.

Handling User Input

Creating an interactive app involves handling user input effectively. Flutter provides various widgets to handle different types of user interactions, such as taps, gestures, and text input.

Managing State in Flutter Apps

State management is essential for maintaining the data and UI synchronization within your app. Flutter offers multiple approaches to manage state, and choosing the right one depends on the complexity of your project.

Understanding State Management

State management is the process of handling the app's data and UI state. In Flutter, the most straightforward method is using the setState() function, but for more complex apps, it's beneficial to explore state management libraries.

Using setState() for Simple State Management

For small apps or prototypes, setState() can be sufficient. It allows you to update the state and rebuild the UI accordingly. However, this approach may become cumbersome for larger applications.

State Management Libraries (Provider, Bloc, MobX)

For larger apps, adopting state management libraries like Provider, Bloc, or MobX can streamline the process. These libraries offer different architectures and mechanisms to efficiently manage state.

How does Flutter compare to other cross-platform frameworks like React Native?

Flutter and React Native are two popular cross-platform frameworks, each with its strengths and weaknesses.

Performance: Flutter has an advantage in terms of performance due to its unique rendering engine, which allows it to achieve high frame rates and smooth animations. React Native, on the other hand, relies on a bridge to communicate with native modules, which can introduce some overhead.

UI Components: Flutter's UI is entirely custom and highly customizable through widgets, resulting in a consistent look and feel across platforms. React Native uses native components, which can lead to platform-specific UI differences.

Development Experience: Flutter's hot reload feature provides a faster development experience, allowing developers to see changes instantly. React Native also offers hot reload, but it might be slower in some cases due to its reliance on native modules.

Community and Ecosystem: React Native has a larger and more mature community, which means a vast array of third-party libraries and resources are readily available. Flutter's community is rapidly growing, but it may have fewer packages and resources compared to React Native.

Language: Flutter uses Dart, a language specifically designed for the framework. React Native uses JavaScript, a widely used language with a larger pool of developers.

Integration with Native Code: React Native offers better integration with existing native code, making it a preferred choice for projects that heavily rely on native modules. Flutter requires additional work for integrating native code.

In summary, Flutter excels in performance and provides a custom UI experience, while React Native has a larger community and seamless integration with native modules. The choice between the two depends on project requirements, team expertise, and long-term goals.

Also read : Flutter App Development Company

0 notes

ender-yilmaz1 · 1 year ago

Text

“Everything in moderation, no?” He countered, raising a brow as he chuckled. Ender knew his limits, thankfully, and would stop after one– technically, he was here on business and needed his wits about him. But in the moment, it was easy enough to humor Kathryn, if for no other reason than to help him slide into that unassuming role, rather than give her much reason to suspect him of anything. No, Ender wasn’t undercover, but was choosing to reveal who he was and who he worked for on a timeline that worked best for him. Right now, it was too early to pull the trigger and so sure, sue him for ordering a zombie at the behest of a beautiful woman. He could play that role easily enough up until the moment he couldn’t.

“There’s nothing wrong with self-confidence,” Ender assured her, shoulders lifting in a gentle shrug, “It’s not a bad quality to have.” He really did mean that part of their interaction– there was nothing feigned in the way he praised her efforts. Really, he just hated that taking down the Sons would likely put a hitch in many of the plans she’d made– a hard worker like her deserved better than that, at least as far as he could tell. “Have to agree with you there– I’ve never been able to sit still for too long,” he started with a laugh, knowing internally that he’d rather be shot in the head than stay bored for too long. Smirking gently as she inquired about his work, Ender tipped his head in side in thought, “Honestly, it’s not that interesting– a lot of data analysis, a lot of deep diving into piles of shit,” he rambled on, waving a hand and appearing to be bored to tears as he churned up some generic explanation of his work. It didn’t offer up much, but it was far better than pulling the ATF trigger too soon.

Snorting a laugh, he raised his drink to his lips and shrugged, “I look forward to it,” to figuring out Tonopah, that was. Really, he wasn’t actually all that excited about it, but Kathryn didn’t need to know that. Honestly, Ender wanted to do what he was called to and then get the fuck out as soon as possible. “Yeah, this is great,” he agreed, darting a look around the speakeasy, “You’re right, you know? About this place taking you back in town. It’s a good atmosphere.” All bias aside, he actually did mean that. It was a cool spot, somewhere he’d maybe frequent if he didn’t plan on burning the owner down.

“I appreciate that,” Ender nodded, willing to soak up any tips she had to offer because surely…one of them would lead to something actually worth his while, and maybe? Maybe it’d help build his ticket out of this little hellhole. “I’ll take any advice you’re willing to give me.” Sipping at his drink, he smiled gently, just as he always did when the conversation shifted to Layla. “She’s five. Full of life, quite the pistol– I was planning on taking her to a painting class sometime soon, see if she latches onto it. I want to make this move as easy on her as I can, you know?”

"Don't drink too many of them. They're lethal. But worth it, especially if you want to forget for an hour or two. I mean, this is exactly what this place is meant to be about. A flashback in time." Kathryn maintained that taught, polite smile, as con artistry taught most: she maintained reservation and erred on the side of caution. With the Bartello's interested in her whereabouts for the murder of their oldest son, anyone could be potentially dangerous. And yet, he didn't seem innocuous. In fact, he seemed perfectly normal, friendly even.

Could she think everyone was a suspect? Forever?

With a shake of her head, she brushed it away, no she couldn't.

"Humble, somewhat." Head tilting from side to side. "I'm self-confident, some might say narcissistic, but I know what I want. I said I wanted to start a business, so I did." lips titling, her proudness shining. "This is more of a side gig. Boredom and me don't mix, honestly." A pause, a narrowing of her gaze. She walked over until her hip lay against the bar and arms folded at her middle. "Sorry, what is it you do, exactly?" realising she was talking about herself. Flipping the conversation transitional.

"Well, welcome — to the neighborhood, and — well, I'll let you figure this place out for yourself." She didn't want to terrify the poor guy before he'd even settled in. This place had enough going on that he'd find out...eventually. She'd leave him in ignorant bliss for as long as possible. "This is a good place to drink, though. People are friendly, boss is fair." Her gaze lingered on him for a moment longer than necessary, assessing, probing, trying to gauge whether his presence was a mere coincidence or something more calculated, her mouth tilting into that sweetened smile.

Who are you...the question beckoned to be asked? Not yet, another voice muttered.

The bartender, one of the better ones, slid another drink across the counter with an ease that came with experience. Kathryn's fingers responded by tracing the rim of her glass, a subtle gesture of her contemplation. "If you ever need any recommendations for places to visit or things to do around here, feel free to ask. I've been here only about a...year? And I know the places that you need when you start up fresh, versus..." she pretended to look around at the locals, leaning forward as she dropped her voice to a mocking whisper. "The places the locals will tell you to go...some of them are quite expensive. Especially with a daughter — mind if I ask how old?" it was a genuine question. She often found children endearing.

#( ft; kathryn haringer. )#( kathryn 001. )

13 notes · View notes

river-bottom-nightmare · 4 years ago

Text

an (incomplete) list of things kon can do because lex luthor is his dad that people always forget about:

#1 : math - he's fifteen, and math comes easy to him (unlike a lot of people his age, or at least, his visible age.) a lot of things come easy to him, because when you have all knowledge in the known universe downloaded into your brain, things like advanced math don't bother you very much.

but it bothers his friends, because bart loses interest about three seconds into the assignments, cassie groans anytime "homework" is brought up in general, and tim hates the concept and execution of math so much that he'd rather hide in kon's room where he thinks no one will look for him instead of even cracking open a textbook.

but kon's pretty sure being a hero means you don't need any real world skills, and after his initial hesitation and disagreements, he realized that he genuinely wants these people to like him, to be friends with him. their math homework is easier than a breeze to complete.

#2 : tying a tie the ~fancy~ way - he's nineteen, and his fingers flow through a silk tie like a fish through water. the motions are beyond familiar, he could do them in his sleep. so is the action of pulling on a suit, pressing his collar, arranging his hair into a neat style. he's timothy drake-wayne's date tonight, and he needs to look the part. fortunately, luthor taught him how to look the part a long the ago.

the party itself is,,,,pleasant, he supposes. he spends most of the time as arm candy, tim's pretty little thing as his boyfriend sweet-talked investors and networked. but they both know that the tipsier people are, the easier they let slip secrets to someone they believe won't understand them, and kon gathers a wealth of information by the time he meets up with tim by the appetizer bar right before dinner.

tim tugs him close by his tie and kisses his cheek, then laughs when kon discreetly but disgustedly spits out the pickled salmon cracker toppings.

#3 : educated debating - he's sixteen, and in an argument with tim that's gone so off the rails that kon can't even remember what they were fighting about in the first place. wherever they started, they were here, now, kon on top of a table in an ice cream parlour screaming about how a socialist approach to taxes would boost the lower class, tim on top of a barstool screaming right back about how the middle class are the only ones paying taxes and socialism would only put more weight on their shoulders.

both of them are this close to busting out laughing, and the only reason they haven't been thrown out is because the employee behind the counter is frantically taking notes. kon can see it in tim's eyes, see the way the younger boy didn't expect to hold such a passionate and intense debate with him, didn't expect kon to be capable of it. it's a pleasant surprise, though; that much is evident in tim's barely-hidden grin.

the debate comes to a pause when bart smacks him with a spoon and tells him off for stepping on the speedster's ice cream, and the tiredness with which he collapses back into the booth is a good one.

#4 : efficient + effective workplace supervision - he's twenty, and wondering how in the hell people hadn't murdered the entirety of young justice when it was first founded. bart had graduated to being the flash's full time sidekick, and though he came to visit often, it wasn't the same. gotham was almost always on the verge of imminent disaster these days, and tim was one of the few ropes holding it together. kon missed him like crazy, but his few visits were all the boy could spare. cassie was in charge now, and she was a wonderful leader, but busy, always smoothing over relations between the team and the justice league and civilian offices.

so, somehow, that left kon to be the den mother to all the new younger kids, and somehow, kon was good at it. he knew exactly what to say to get people to listen to his commands, telling them to work on this or work on that, train for this and practice that. he tells them when to get some sleep and let the weight of the day roll off their shoulders, and when to push themselves to raise them higher than they ever thought they could go. unexpectedly, he finds himself liking it.

#5 : the splits

#6 : colour schemes + interior decorating - he's twenty-one, and tim's finally deciding to turn the nest into a home. bart, who had spent the last couple of years bouncing between allen-west-mercury households and was therefore accustomed to a home with a fire of love reaching every corner and every member of the family, was appalled. so was kon, honestly.

the penthouse that tim worked out of was cold and impersonal, sleek lines that angles that matched the limbs and contours of tim's body. but the shadows around tim's eyes had lessed over the past few years, his smile coming to his lips almost as easy as when young justice first learned how to work together. all it took was a little encouragement from cassie, and suddenly, all four of them were involved in a home renovation project.

cassie churned out ikea furniture like it was nothing, the three of them taking a break from their jobs to just watch her as she lifted one of their hardwood bookshelves with one hand. bart bought home goods and essentials from various department stores and ran around, stocking the house with them wherever he felt a saucepan needed to be hung (near the coat hanger) or a candle holder needed to be placed (on the kitchen barstools, because apparently those were decorative anyway).

kon, meanwhile, decorated. he painted rooms and bought curtains and pillows, yes. but he also sorted through every single souvenir and memory the four of them had managed to accumulate over the years, photographs and hacked-off pieces of giant robots and saved movie tickets and broken weapons. he gets his hands on everything he can find, then fills up tim's nest until it's brimming with a cosy warmth made up of the four of them.

still, it's an obnoxiously large penthouse, so there's empty and open space left over even after redecorating. it's tim who takes a breath and works up the courage to tell them, not ask but tell them, that he wanted each of them to have their own bedroom. so bart takes the largest guest room and turns it into an explosion of colour, and cassie spends too much time decorating a room that she won't even live in most of the time. kon conspicuously notes how tim doesn't bother giving kon a room, just dumps kon's backpack on his bed and clears room in his own closet. he does wrap tim in a ttk hug though, from all the way across the room, and drinks in tim's red flush.

#7 : speed reading (no powers) - he's seventeen, and just now realizing how competitive his best friends are. cassie had long since resigned herself to being the judge and the hander-outer-of-prizes (candy from the nearest convenience store) for the speed-reading competition, but tim, kon, and bart were still in the running.

eventually, though, the pressure from holding back his powers grew too strong, and bart slumped against the back of the sofa, mournfully opening his mouth so cassie could drop a candy into it.

and then there were two.

kon thought back to the confrontation that had started this contest in the first place, robin's offhand comment about how he had to be the one to collect the data files from the company office they were infiltrating, because he was the only one who could speed-read and retain information. that had spiraled into an argument, then a challenge, then a competition, with a clear rule not to use any powers.

kon darted his eyes across the page, soaking up every word, the pages like tiny knives on the pads of his fingers as he turned them. he lost track of the page count, just reading and reading and reading until he tried to turn the page and realized there wasn't a next one. he yelled in triumph, reveling in tim's defeated groan, and settled in for cassie's quiz on the contents of the book.

#8 : sophisticated meal and wine palette - he was twenty-two, and discovering that he really, really liked tim's shocked face. they'd been friends for years now, childish hatred turned into playful bantering turned into knowing each other inside out. still, every now and then, kon did something that forced tim's eyebrows high on his head, his eyes widening just the barest bit.

right now, kon was at a dinner party with the words moral support written across his forehead. tim could handle himself remarkably well, but there was tiredness lacing the smaller boy's frame, and kon could practically see the way the tips of his soul were frazzled. so kon let tim lean into his arm and whispered jokes about luna-with-the-big-ugly-purse and martonio-who-can't-do-a-combover into his ear. or, at least, he was.

somehow he'd been drawn into a good natured argument with the man sitting just two seats down from tim and kon. friendly opinions of food had been tossed back and forth, growing more and more heated until kon looked him right in the eye and said he liked prosecco with his prosciutto, internally crowing with satisfaction at their shocked silence and sighing with pity that none of the guests here would ever try that combination out of fear of deviation. once the man had regained his sensibilities, he shot back, saying the sixth course should never serve salmon, instead regaling the fish to the amusebouche or the cheese course. kon snorted and told him fish itself was going out of style, and if he wanted to impress guests at the next dinner party he hosted, he should try serving octopus.

tim's shocked face was a pleasant surprise, but seeing the stunned, controlled blinks of everyone around him as they realized he wasn't just a pretty face was satisfying as well. even more satisfying was when he and tim said their goodbyes; while waiting for the valet, tim pressed up onto the tips of his toes and whispered promisingly in kon's ear, i fucking love your competence.

#9 : manipulating people into hating him to justify his actions - he was eighteen, and he was screaming, crying, tearing his hair out. kon didn't know what he had expected. lingering fondness? grudging acceptance? maybe a small leap for a chance at love?

it didn't matter. clark didn't want anything to do with him. and he was eighteen now, which meant clark didn't need to take care of him anymore, didn't need to pretend to pay attention to him anymore. he'd made it quite clear.

maybe that was why he found himself hesitating before saying no to amanda waller's offer. he forgot about the warnings tim gave him, though, and waller pounced on that hesitation, quicker than a panther. it was easy, it was oh so easy to let himself go with her.

besides, they had a reason to hate him now. he hadn't done anything to clark. he hadn't asked to be made. but clark had wanted nothing to do with him anyway, and didn't that sting. so if people were going to turn him away now, it was going to be for something he did.

he didn't realize how bad he was spiraling, how close he was to stepping off the lighted ledge he'd been balancing on his entire life and tumbling into the darkness below. but cassie had a stronger punch than most grown superheroes, and bart had tenaciousness written into every strand of his ginormous hair, and tim gripped his jaw so hard his fingernails dug into kon's skin and told kon that he was getting his best friend back, no matter what the hell he thought he was worth.

maybe it was madness that made him throw himself forward, still wrapped in the lasso cassie borrowed from diana, practically mauling tim's lips with his own. he was pretty sure he wasn't supposed to break down crying after he kissed someone, given past experience, but the three of them, his wonderful, wonderful friends, just hugged him tight, let him fight and shake and sob until all the rage was gone. it was the first time in a long while he'd done something in hopes that someone would look at him with love, not hatred.

#10 : waltzing - he was twenty-three, twenty three and giddy with how much time he had left. conner was with tim drake-wayne publicly now, so expectations were thrust onto him, expecting to be met.

kon tended to have more fun at events than tim ever did. granted, kon didn't have to deal with all of his coworkers drinking too much and exchanging money with secrets faster than drugs and asking tim whether or not his relationship meant he was open for still-young and handsome men who needed just a small escape from their wives. but tim wasn't trying very hard to enjoy himself either.

so kon was completely justified in tugging him towards the center of the room, in a patch of floor sparsely occupied, then pulling him as close as he dared. tim's panicked whisper of what!? was overridden by kon's laughter, but he muffled his sounds for a minute, letting tim hear the quiet music playing in the background (prerecorded and playing on speakers, not live).

understanding broke over tim's face, and he arched into kon's hold as easy as breathing. kon moved one of his hands to grip tim's wrist, and he twirled the two of them effortlessly, breathless at tim's flabbergasted expression. the rhythm was simple, and tim caught on quickly. one two three, one two twist, one two three, one two step, one two three, one two switch, one two three, one two three.

kon couldn't say they danced the night away, because a little while later tim took a break for a drink, then speeches were made, then dinner was served. by then, they were both entirely too tired to dance, longing for just a bed and a soft blanket and each other. but for those few minutes in the middle of a packed yet empty ballroom, kon and tim did lose themselves in the music, just a little bit.

i don't know shit about taxes or socialism. this got way longer than anticipated whoops. i'm tagging this "long post," but if someone asks me to put it under a cut, i'd be happy to

also jesus christ this thing is almost 2.5k words. im uploading it to ao3 later if i'm in the mood

tag list: @woahjaybird @birdy-bat-writes @anothertimdrakestan @subtleappreciation @screennamealreadyused @pricetagofficial @catxsnow @bikoncon @maplumebleue-blog-blog @sundownridg @thatsthewhump @xatanna-troy

#scribbles from the swamp #kon-el #conner kent #superboy #timkon #core four #dc #kon-el headcanon #kon-el fic #conner kent headcanon #conner kent fic #superboy headcanon #superboy fic #timkon headcanon #timkon fic #core four headcanon #core four fic #dc headcanon #dc fic

533 notes · View notes

morkleemelon · 4 years ago

Text

off the ice || chapter 2: heading in

previous || m.list || playlist || next

pairing: college hockey player! mark x college figure skater! reader

genre: fluff, humor, sports au, college au

warnings: swearing

word count: 7k

"And we can see here in the figure that the data currently suggests-"

Your pen flies across the notebook page, desperately trying to capture everything your economics professor said in multicolor vigor. Jotting down the figure frantically, your eyes dart back and forth between the powerpoint screen and your paper, high ponytail bouncing up and down from the motion.

Being on scholarship means that you can never let your grades fall past a certain point or else they'd give the money to someone else. As harsh as it is, without the financial aid, you would not be able to continue to go to school. One of the only things that motivates you to work harder than your sleeping peers, sometimes, is the looming fear of becoming a jobless dropout, never able to achieve your dreams.

In a lot of ways, not having money is already bad enough, but the thought of not even being able to earn it in the future is even worse.

"Does anyone know how this company should manage production costs?," your professor asks the crowd of tired students.

You immediately shoot your hand in the air. You know it. This answer was in the textbook reading last night it's-

"Yes" Your professor points behind you.

You slowly set your hand down, disappointed, turning around to see who could've raised their hand before you did.

"They should modernize their marketing efforts with more affordable tools and focus on reducing supply costs," the boy answers expertly.

That's exactly what I was going to say.

Examining his face a little more, something about him seems a little familiar, but you can't quite put your finger on it. Looking around at who he was sitting with, you begin to piece it together.

"He must be one of the Lee's if he's sitting between Ten and Jeno" you ponder to yourself, taking one final look at the boy, "is he... Haechan?". Thinking back to last spring, one of your teammates had a huge crush on the one called 'Haechan'. She always gushed about his fluffy brown hair, handsome face, and how he asked to borrow her biology notes once. You weren't exactly well versed with the university's popular people and honestly, the fact that this school has an 'F4' called "the Lees" is pretty funny to you.

This boy's hair is blonde, though, brushed down into a fringe and slightly messy from, you're assuming, taking off the hood of his sweatshirt before class. Glancing down, you take notice of the mess of white bandages wrapped around his knuckles.

Right, they just had a hockey game. He doesn't have brown hair so this must be-

"That's exactly right, Mark. Nicely done" the professor praises.

Mark. You note the name to yourself, turning back to the board as the professor continues with the lecture.

"Dude she's looking at you," Ten whisper-yells to his younger friend, nudging him sharply in the ribs.

Mark doesn't dare look down at you yet, already feeling his cheeks grow warmer with each passing second. He feels your gaze pull away from him and finally frees the breath he was previously holding captive. Shoving back at the senior boy, his gaze flutters back to you like it usually does during this class, however much to his strong denial.

You always sit in the first row, colored pens and highlighters arranged neatly upon your favorite desk.

Mark watches the way your hair bobs back and forth as you move your head with keen eyes. The delicate gold glint of a necklace clasp at the nape of your neck fascinates the junior boy's attention more than the mundane lecture ever could.

Spotting the slight smile on the older boy's face and the direction of his gaze, Jeno laughs quietly to himself, happy that something interesting is finally happening during the boring lesson. Leaning over behind Mark's back, he gives Ten a silent high five.

"You're a simp" Jeno whispers in Mark's ear, eager to provoke him. Mark slaps the blue-haired boy's face away.

"Fuck off," Mark whispers harshly back as Jeno and Ten laugh to themselves in the lecture hall. He habitually glances back to your focused form. And this is nothing short of how class usually goes for them: Mark fawns over you 'secretly' whilst you haven't the slightest clue. On either side, his friends tease him endlessly for it.

"Yuna and I are planning something for you guys," Ten persists.

Mark's eyebrows scrunch in confusion at the older's ominous words. The professor's voice drones on in the background as his attention shifts to Ten.

"What do you mean?"

"Don't worry about it, man". Ten smirks, smacking a firm hand on the confused boy's shoulder.

"Don't do anything weird," Mark warns, recalling the time when the senior had planned on starting a fist fight outside of your dorm building last semester in hopes to gain your attention and provide an excuse for Mark to talk to you. Although the thought was there, no it wasn't.

The hour ticks by and exhausted students groan in relief as the professor wraps up the stale lesson on fundamental economics. A mass shuffle of notebook pages flipping closed and backpacks zipping up fills the hall as students make their way out, eager to do anything but be there.

The Lee's always gather for lunch at this time at the basketball courts, attracting an impressive crowd of envious guys and adoring girls at the sidelines. Although the place is fairly beaten down and otherwise unimpressive, the Lee's choose to be there which consequently deems the courts the coolest lunch spot on campus.

Putting his things away into his trusty black Jansport bag, Mark gets ready to head down to the courts to meet up with Haechan like they always do until he feels a hand unexpectedly grip his left shoulder, stopping him in his tracks.

"Some people are gonna join us for lunch today," Ten discloses casually, keeping his gaze forward as the line of students in front of them slowly file their way out of the crowded room.

"Oh, who?" Mark questions. It's not like it's rare for other people come hang out with them, in fact, it's almost always the case. But the fact that Ten is specifically telling him beforehand feels suspicious. Another strong hand grips his other shoulder as Jeno's navy blue hair comes into view.

"Don't worry about it man. You got meal points left for this week? Lend me some," the younger boy expertly diverts.

"Yeah..."

"Let's hurry though, Haechan is probably there waiting already. I told the brat to get food for us early today". Ten ushers Mark forward and pushes his way through the herd of people.

"Aight," Mark sighs in confused defeat, picking up his pace to keep up with the senior. There's definitely something weird going on, but he doesn't have the energy to pry further.

Then again, has he ever lived a day where his friends aren't doing some sort of weird shit?

"Thank you, professor," you smile and bow politely.

"Thank you, y/n, enjoy the rest of your day," the older man smiles back, waving you off as he packs up his lecture notes. It's small things like this that you always make sure to do to make others' lives a little better.

After all, the best thing to give-better than any monetary gift- is kindness. Right?

Your phone buzzes in the back pocket of your frayed denim shorts and you reach to check the notification.

Der sum hoez in this houz:

Yuna: guys!! Let's grab lunch somewhere new today! :DD

Hope: yassss ;););)

You: oh why? The caf has chicken nuggets today :(

This is definitely suspicious -you, Yuna, and your other friends, Lisa and Hope, always ate together at the round table in the university's better dining hall nicknamed "the caf". It's been your unbroken tradition since freshman year and the lunch lady at the caf even likes you enough to give you extra servings sometimes.

Yuna: we can still have the nuggets but Ten knows a cool place we can sit! He says he already got the food so we don't have to pay today ;)

Free food?

Your inner Mr.Krabs reveals himself as you perk immediately at the mention of her boyfriend paying for lunch. Neither guilt nor modesty had time to catch up as your thumbs rush to type a speedy reply.

You: I'm there. Where at?

Yuna: I'm coming to your classroom rn! We can walk together

Lisa: Hope and I are coming from bio :) excited

You: lol why does everyone know but me

You: is it gonna be weird with us third wheeling you yuna?

You: if y'all start kissy kissy touchy touchy I might puke just saying

Yuna: HAHAHA XD

Yuna: don't worry some of ten's friends might be there too

Oh. To be honest, you're caught off guard at your best friend's last message. Ten has been over to your shared dorm a few times and you've exchanged enough awkward greetings to call him an acquaintance at least. But generally, his friend group and yours stay separate.

Not that there is any actual beef there, but, no pun intended, nobody's tried to break the ice yet.

Closing the group chat as you reach the entrance of the economics building, you hold a hand up to block the glaring rays of summer sun from your eyes. The sudden brightness harshly contrasts the musty dark of the lecture hall, making you squint in discomfort.

"Y/n!" a familiar voice calls out. A flash of platinum blonde hair and Chanel perfume filled your senses as Yuna throws your smaller body into a crushing, sweaty hug.

"EWw!" you yelp, shoving the taller girl away from you half-playfully, catching the attention of a few concerned passer-bys.

You nod your head at them in a shy apology.

Yuna, seriously.

The guilty party laughs, the musical sound travelling through the humid air like a refreshing breeze. Your best friend sticks out her elbow for you to link your arm through.

Eyeing her with short-lived contempt, your lips break into a smile as you slip your forearm around hers, unable to be actually mad at your best friend.

"Where are we going?" you ask.

"You'll see. It's Ten's spot"

"Hi-his spot?!" You stop in your tracks, wondering why you were going to eat where Ten dealt weed.

Since when did he deal weed though?

"Not that kind of spot!," Yuna cries out, smacking a manicured hand over the top of her forehead as to not ruin her perfect foundation, "he's not like that!".

"Right good," you scoff.

The summer heat swelters as Yuna leads you down campus towards the sports center. It's early September and Seoul is notoriously hot.

Ice cream vendors with big, striped umbrellas litter the streets, calling out for business from sweaty pedestrians who crave a moment of sweet, cold relief. The sky tints a beautiful shade of blue with fluffy wisps of white clouds dotting its never-ending canvas. No matter how hot the weather is, the day is undeniably beautiful.

You don't ask Yuna more about where you're headed, accepting that your best friend likes to be spontaneous and that her boyfriend was paying for your food. This is more than enough for you to follow her down the sketchy alleyway shortcut to the basketball courts. Sometimes you wonder if you'd be really easy to kidnap...

The alley opens up to reveal a worn-out basketball court planted in the middle of a grassy area. Looking around, you noticed there are quite a few people there, most of them unfamiliar to you.

They scatter across the grass in groups, eating and chatting casually amongst their friends atop their patterned picnic blankets. You catch the gaze of a group of girls sitting at the edge of the court; they eye you up and down, taking you aback with their lack of subtlety.

Breaking the awkward eye-contact, you suddenly feel very out of place.

"Hey!" Yuna calls out, slipping her arm out of yours to wave at a group of people sitting at the other side of the court from the judgmental girls.

Her hand slips into yours, snapping you out of your uncomfortable dilemma, pulling you towards the group she waved to. A big willow tree stretches towards the sky and casts a precious spot of shade over the area. Immediately, you spot Hope and Lisa as they wave to you and you let out a breath of relief.

At least I'm not alone, maybe I won't be so awkward now.

You recognize Ten's face and you give him a smile and nod of acknowledgement. Scanning over the rest of the group carefully, you faintly recognize the other boys sitting under the tree.

The boy with the blue hair and the fitted white tee- that's Jeno.

Fluffy brown hair-definitely Haechan.

Your eyes flit to the next boy and you're taken aback when he's already staring at you. His ashy blonde fringe hair, almost grey, seems dearly familiar. His eyes widen before quickly looking away.

He's part of the Lee's... bandaged hands and that hair- that's Mark, the dude who stole your answer from earlier.

The little devil on your shoulder whispers to hold a small grudge. The little angel on the other argues that it was never your question and you shouldn't be so petty. Right, kindness is the best virtue. You will let it go.

You and Yuna reach the edge of their picnic blanket and your best friend immediately goes to sit by Ten who doesn't hesitate to pull her hips smoothly into his lap.

You look away in embarrassment. Good for her for finding love, but by golly are you painfully single.

Eyeing the space on the picnic blanket, Hope and Lisa are almost strategically sitting at the end chatting with Jeno so there is no reasonable way you could sit next to them. Setting down your bag awkwardly, you debate where you should sit, silently cursing at Hope and Lisa for not leaving a space for you. Maybe coming here was a mistake because you feel kind of left out-

"Oh, here," a small voice lets out. You look up to see Mark getting up and moving his stuff out of the way and clearing a space for you next to him.

"Ah, thank you!" You smile, kneeling down to sit in the empty space.

Thank God.

Glancing at his face, a blush even Maybelline would envy rests on his cheeks as his gaze remains glued to the food in his hands.

The first thing you notice is how handsome he is up close. You didn't get a good look at him in the lecture hall, but his face is a perfect mix of feminine and masculine beauty. His eyes are soft and round, but his jawline sharp and angled. The most chiseled cheekbones you've ever seen are handsomely defined under the mosaic of shadows and light created by the branches of the willow tree. A slight, shy smile graced his delicate, pink lips.

He's super cute. I take back everything I thought in lecture.

"Hey, welcome!," a sudden high-pitched voice rips your attention away from ogling the blonde boy. Turning your face, you see Haechan on your other side eagerly holding out a hand for you to shake. You take his hand and he shakes it vigorously, "I'm Haechan nice to meet you! What's your name?".

"I'm y/n," you reply with a smile. He's really outgoing, huh.

"Y/n what year are you?"

"Oh I'm a sophomore this year"

"Ayyy! Jeno and I are sophomores too," the friendly brunette slaps the other boy on the arm, "say hi, Jeno".

"Hey, I'm Jeno". He gives a heart-fluttering eye-smile and you could hear hushed gasps and coos ensue from the onlooking girls across the court.

"Hi, y/n," you respond shyly.

Dang, these guys are all so good-looking.

You always hear about the 'Lees' and their 'godly' visuals, but you never truly paid attention. Yet now that you're sitting with them at their cool-people-only hangout spot, you have no choice but to admit how exactly spot-on those descriptions were.

"Here, y/n" Haechan hands you a paper tray full of chicken nuggets.

"Nice! Thank you," you cheer, taking the food perhaps a little too excitedly. Working out and training nearly everyday means you're inevitably hungry most of the time. Not to mention, your stomach always rumbles at the sight of your all-time favorite food.

Digging into the free food reward, you turn back to Mark who hasn't said anything to you yet.

"What's your name?" you ask. Technically, you already know it, but you don't really know a better way to start a conversation.

Visibly surprised, Mark chokes on his chicken.

You let out a single note of laughter at his unexpected coughing before slapping a hand over your mouth to stop yourself.

"Are you okay?" you ask stupidly.

"Bruh," Haechan teases with a smirk, amused at his best friend's embarrassment.

Mark nods quickly with a hand covering his mouth as he continues coughing. Unsure of what to do, you reach over to pat him on the back firmly.

"Here, dude". Jeno tosses Mark a filled water bottle, the older boy accepting it gratefully, gulping down the water like his life depends on it (which it... actually does).

Gasping in relief as he sets the bottle down, Mark looks back at you with flushed cheeks and wet lips. You realize your hand is still on his back and you quickly snatch your hand away, suddenly flustered by the contact.

"I'm Mark," he finally answers, voice hoarse from the ordeal.

"Hi Mark, I'm y/n" you giggle.

He looks absolutely hilarious with water dribbling down his chin and cheeks as red as fire. There is something intensely endearing about him as he looks down, front teeth biting down on his bottom lip in embarrassment.

"What year are you?," you continue.

"Uh-I'm a Junior"

"Oh nice! What do you study?"

"Uh-business and sports management"

"Wow! Wait you're In Econ31 right?"

"Yeah I am," Mark smiles.

"I thought I recognized you! I'm in that class too," you exclaim. Usually, you aren't terribly sociable with people you just met, but there's something about the softness of his voice that makes him easy to talk to. That and the way he's just choked on a chicken nugget in front of you at your first meeting- you have little to nothing to lose.

"Oh yeah I-I've seen you around sometimes"

"Yeah we've seen you around sometimes," Ten calls out, a shit-eating grin plastered across his face. Yuna laughs and hits his chest in warning.

"Shut up!" Mark grabs a nugget from his tray and chucks it at the older boy. Like a slow-motion scene in a movie, Ten catches the piece of chicken between his teeth and flashes a wink back at the flustered junior.

You burst out in laughter at the interaction, slapping a hand onto your knee at the dumbfounded look on Mark's face.

Mark feels his heart clench at the sound of your bright laughter filling the air. You gasp with glee, one hand slapping your knee repeatedly and the other gripping your fork. Truth be told, he is freaking out inside. And this is not how he imagined you would meet.

All thoughts about Ten abandoned, a wide smile spreads back onto his face as his eyes scan across your laughing form. You sport a casual outfit consisting of a grey t-shirt and denim shorts like you usually do. A simple gold chain hangs from your neck, tucked away under the collar of your shirt. Up close, Mark feels even more drawn to you than ever before.

Beautiful as ever.

"I-I can't breathe," you wheeze, "what just happened?"

"My talent," Ten states, moving his arms from around Yuna's waist to hold them up in a 'well duh' shrug.

"Nah bro, it was a good throw from me," Mark cuts in, holding up a hand to stop the gloating boy.

"Nah bro, it was a good catch from me," Ten sasses back, moving Yuna off his lap to kneel up. You meet Yuna's eyes and you both hold back laughter at the ridiculous argument.

"Nah bro" Mark moves onto his knees as well.

"Nah bro's," Haechan suddenly interjects, "It was me. I have telepathy and I moved the chicken". Haechan promptly stands up and does a body wave, posing with a finger gun pointed over the slope of his nose to his forehead.

You laugh silently between the three boys who are suddenly all standing as they argue over who was responsible for the nugget trick. You had just met these guys a few minutes ago, but you're more confused and intrigued at them than you've ever been with anyone.

Look at you go, making new friends and everything!

"Guys..." Jeno tries, but his low voice isn't nearly loud enough to be heard over the chaos.

The boys point accusing fingers at each other like in a Renaissance painting. You scooch your way over to the other girls to get out of their way, bringing your food with you.

"You're dating..." You gesture your fork at Ten who was is caught in a three-way head lock with Mark and Haechan.

"Yeah". Yuna's face remains expressionless as she nonchalantly pops another piece of chicken into her mouth. After dating Ten for almost five months now, she is well aware of what the expression 'boys will be boys' really means.

"Are they always like this?" Hope asks, bewildered. Lisa just laughs on the side, enjoying the spontaneous fight more than she should. Jeno gives up, laying down to stare at the sky and wonder why his friends are like this.

Click

Your ears perk at strange noises coming from behind you. Turning around, you notice that several of the girls you saw earlier are now pulling large, fancy cameras out of their book bags. Baffled, you watch incredulously as they shamelessly snap photos of the tussling, oblivious boys.

"What the heck?," you gawk. You haven't been here but twenty minutes and it's already one surprise after the other.

"Tell me about it. Those weirdos are these guys' fans, the 'Lovelees' as they call themselves," Yuna explains, "You would not believe how crazy they can get. Remember when I had to put all my socials on private a few months ago? It's because they found out I was dating Ten".

"Right, I remember that" you nod your head sympathetically. Your eyes move between the unsuspecting boys and the audacious crowd of girls. Maybe you haven't known them for long, but the Lees seem like a regular group of guys. Admittedly, they are above average in the visual department (and in the strange department), but the existence of the Lovelees is really unnerving. Is it just you?

One particular girl at the forefront stares you down intently. Her hair is a mousy brown with two striking streaks of bright red down her bangs in a distasteful take on E-girl style hair. Too-light foundation is packed onto her skin and you winced internally at the severe creasing by her nose. Black eyebrows not matching her hair, her fake eyelashes bat at you threateningly.

"What's up with her?". You are genuinely confused. Why does she look like she wants to murder you?

"She's so scary," Hope's eyebrows knit in worry.

"Yeah, what's with her? She's staring at y/n," Lisa suddenly adds, attention turning to the concerning conversation.

"That's Hillary, the club president or something," Yuna confirms with a shudder, "she's super psycho about Mark. Definitely stay away from her".

"Gotcha... but why is she looking at me like that? Is it just me?"

Hillary's creepy stare never leaves your face and you feel chills run down your spine like a thousand invisible spiders. Generally speaking, you sometimes shy from even ordering food over the phone. Being under her flaming gaze makes you want to shrivel up like a raisin.

If someone could write a story about Seoul University campus life, you'd for sure be a background character. Attracting negative attention to yourself for no reason is surely a new feeling and unequivocally uncomfortable... perhaps because there is any attention on you at all?

"Well for one," Yuna smiles, poking an accusing finger into your side, "you seem to be getting along with these guys pretty well. Especially Mark". The blonde wiggles her perfectly threaded brows at you. Flustered, you shove a nugget in her mouth before she could say more.

"What are you even talking about, we literally just met". You fight to keep your voice steady and expression unaffected, but alas you can't stop the heat from spreading onto your unwilling cheeks. Admittedly, it's been a while since you've gone out with a guy. More honestly, you haven't really dated anyone since you came to campus last year. So needless to say, your single self is a little bit flustered to be thrown into the notion that you even have a chance to be with a super popular, charming guy like Mark.

You shake your head to clear the ridiculous thoughts.

Let's not err on the side of desperation today.

Peering back at the crazy fangirl who you now know as Hillary, you're relieved to find her piercing gaze has shifted from boring holes in your skull to her cell phone and she types away at lightning speed.

"I have a feeling that he likes you, y/n," Yuna presses. Hope and Lisa giggle and nod in agreement, exchanging knowing glances at each other.

You don't have ample time to ponder more as your attention is ripped away by the fighting boys. They've shifted from the shade of the willow tree to the basketball court, disregarding all onlookers and fighting like their lives depended on it.

"Let's go. Rooftop. Right now!" Haechan screeches, taking a leap at Ten while Mark struggles to hold him back.

"Fight me here, bro," Ten taunts, "we all know I'm built different". The sass in his voice gives Haechan the strength to break away from Mark's grasp and tackle the senior boy. All eyes glue to the two boys rolling around on the hot pavement, screaming.

"Yuna, can you-" Jeno starts, eyes closed as he lay on the blanket listening to his friends beat each other up.

"Yeah," Yuna gives the tired boy an apologetic pat on the knee. "Chittaphon Leechaiyapornkul".

Her boyfriend's entire body immediately freezes at the sound of his full name. Letting Haechan go from his chokehold, Ten scurries back over to his spot on the picnic blanket to kneel by an unamused Yuna like a scolded dog. "I'm sorry".

You suppress another laugh. This... this is what the cool kids are like? You were really nervous for nothing. Mark shuffles back next to you, supporting a limping Haechan who insists he's fine.

"Sorry girls. They're not... actually no, they are usually like this," Jeno apologizes, "Hope we didn't scare you away".

"No, actually. I think you guys are really... funny. It's cool how comfortable you all are". You smile at the hockey players. Weird as they may be, you don't feel uncomfortable.

"She thinks you're cool!" Haechan cries, slapping Mark on the back.

"Shut up!" Mark smacks the back of the younger's head, ready for another fight already.

"But don't you guys think it's weird we haven't met earlier? We always see the hockey team around our practices but I think this is our first time officially talking," Hope suddenly points out the elephant in the room.

"Yeah I guess that's true," Haechan ponders, "to be honest, we didn't think you guys liked us very much... or let me rephrase that- we were kinda scared to approach you".

"YOU were scared to approach US," Lisa exclaims in shock, "did you forget that you four are, like, the most popular guys on campus or what?".

The four boys look amongst each other blankly. "No, but we thought...," Haechan starts.

"... that figure skaters hated hockey players," Mark finishes. Silent glances are exchanged between all parties as this new information is revealed.

At the sheer awkwardness of the situation, you decide to interrupt the silence with light laughter. "Why would we hate you?"

"You- agh," Haechan's reasoning is cut off by a sharp jab to the ribs from Mark. No way is he going to let the blabbermouth sophomore spoil that they stalked your Facebook last year and found your post.

"I mean you all seem really cool and," Mark saves, looking at you, "I'm really glad we got to meet you today. But we were just... intimidated before".

You raise an eyebrow and your eyes meet Yuna's, Hope's, and Lisa's who shared similar expressions.

"Babe, I'm intimidating?" Yuna asks her boyfriend, peering into his eyes. Ten promptly places a hand at the back of her neck and brings her in for a deep kiss. Everyone in the group groans in disapproval and you hope the sour expression on your face isn't too obvious. Why, Ten. Why.

"Uh.. ok then," you divert, "I was never a fan of hockey itself, to be frank. The sport, not the team. And maybe I've been annoyed at you guys for hogging the ice sometimes, but I've never ever hated you! Don't worry haha".

"Bro what?!" Haechan cries, "hockey is the greatest sport of all time! It's all about strategy, speed, strength, and skills. If anything, figure skating doesn't have a point".

You gasp in full-offense. Sure, you just gave your honest opinion on their sport and it was only fair that they give theirs, but that one burns. Before you can make your counterargument, the boy next to you beats you to it.

Tapping the back of his hand to Haechan's arm, Mark's next words made your heart skip a beat: "dude, you don't know what you're talking about," he turned to look into your eyes, "it's beautiful".

Mark's eyes are a deep brown color, you notice, and they sparkle gold in the light streaming past the branches of the willow tree. Softly, they peer into yours, bringing with them a rare kindness that pinches at your chest.

"Thank you" you smile at him. Is your face always this warm?

"Okayyy," Jeno finally opts to sit up, "now that we've determined that we don't hate each other and we're all cool, are we good to be friends?". A chorus of "Heck yeah"'s and "duh"'s filled the picnic area and your heart swells with happiness. You look back at Mark and smiled again.

New friends

"You should come eat with us here more often," Mark suggests to you, warm gaze making your heart strain for the hundredth time that afternoon. What is happening? "All of you should," he corrects, looking away shyly.

"Yeah we're here everyday," Ten adds. Looking down to Yuna who had laid her head in his lap, he stroked her hair lovingly. "You should come hang out with us whenever".

"I'd like that," you grin.

"Let's make a group chat. Everyone gimme your numbers," Haechan declares.

While the brunette went around collecting numbers, you chatted with Mark, wanting to get to know him more. You quickly find that he's so very endearing, blushing and fiddling with the bandages on his fingers at your every word. His words are kind and he listens to you thoughtfully when you speak. Talking to him is so easy, surprisingly easy, and you feel the conversation unfold out effortlessly. You hardly notice as the minutes of your lunch break tick to an end.

"That's crazy! There was this one time that-" the jarring sound of your phone alarm cuts you off. Scrambling for your phone, you tap on the screen desperately to shut it off.

"Sorry guys," you apologize, "Lisa, oh my goodness, it's time for us to go to Frankie's".

Lisa checks her own watch and gasps, "Oh gosh! We gotta go guys".

"Who's Frankie?" Mark questions, eyes slightly crestfallen.

"No," you laugh while picking up your bag, "Frankie's. The diner down the street next to the lake. We work there".

Haechan, Ten, and Jeno crack up silently at their sensitive friend.

"It was nice meeting you all!" you exclaim, "It was nice meeting you, Mark".

"Great meeting you, y/n. Hope to see you around," he waves back at you.

Bidding their goodbyes, you and Lisa make your way down the alley to her parked car.

"Y/n don't you think Mark is super into you?" Lisa says excitedly once the others are out of earshot.

"What are you saying!?" you proclaim, looking back to make sure the Lovelees aren't following you. Seeing the coast is clear, you consider your friend's accusation. So much has happened in the last 2 hours than in your year and a month at college, or your entire life honestly.

You walked into the alley with no guy friends and are leaving with four. Is it greedy to say that Mark really does stand out to you and you might be starting to like him, or are you just like every other girl who likes him too? The last thing you want is to be like Hillary.

"He's probably just friendly to everyone," you decide.

"No way, y/n, you good in the head? This dude only looking at you the whole time," Lisa retorts.

You shake your head in denial but thinking back, it could be true.

There it is again. That nervous, light feeling in your chest.

Oh, God. What if I like him?

Mark flops down on his bed, still not down from the high that he's been on all day. No, not that kind of high. Smile plastered on his face, he runs his fingers through his freshly washed hair, recounting your conversations from earlier.

"Dude, you look so stupid," Jeno walks into their shared room, shirtless from just getting out of the shower. A simple white towel wrapped around his lean torso is the only thing censoring the spectacular scene. Messing his hair with a second towel, he chucks the wet fabric at Mark's face.

"Fuck off," Mark swings it back at the sophomore. This year, he chose to live in a suit with the rest of the guys to save some money. Him and Jeno shared a room while Ten and Haechan occupied the other. It's undeniably small and only has one bathroom, but he is grateful he at least doesn't have to room with Haechan anymore.

Mark's phone buzzes with a notification on his nightstand. Propping himself up with his elbow, he checks to see who it's from.

1 new message from unknown

Mark sighs. If it's these crazy girls again he's going to get really annoyed. Today was a really good day and the last thing he wants is another stranger asking him to father her children.

Maybe: Yuna?: hey mark, it's Yuna. I got your number from the group chat! If you're not too busy I'd love to talk to you about a few things

Oh crap.

Suddenly nervous, Mark scrambles to sit up properly.

"Text from your new girlfriend?," Jeno taunts unknowingly.

"No, dickhead, it's Yuna," Mark rebuts, thinking hard about a good, casual reply.

"Oh, shit," Jeno states, taken aback. The sophomore swaggers onto his own bed, now sporting a pair of grey sweatpants and a fitted white t-shirt. The bare minimum makes him look like a poster boy every magazine photographer would clamber for. The man could put all models out of work if he had the heart for it. Fortunately, he only has the heart for hockey, video games, and pizza.

Mark: Hey Yuna! What's up?

Yuna: Hey :) nothing much! Not to freak you out, but I know all about your crush on y/n from Ten

Mark: ahaha... yeah I figured

Yuna: ok, so as her best friend and someone who cares about her a lot I just wanna put a few things out there

Yuna: is typing...

Mark watched as the three dots of the impending message taunted him. What could she be talking about? What if you have a boyfriend and Yuna's telling you to back off?

Yuna: if you're going to get close with her, you gotta make sure you keep her safe from those crazy fangirls. Y/N is a shy and sensitive girl she'll definitely take the hate to heart and if Hillary and those other crazy bitches come after her, I won't let you live

Hillary? Mark wracks his brain for any memory of a girl with that name. That girl from calc? No, that's Helen. Hillary...

An image of a mousy girl with red bangs comes into his mind. Ah yes, that's Hillary. She sends him love tweets and gave him chocolates for Valentine's Day.

Mark: I barely know Hillary and I'm pretty sure I've told her I'm not into her, but i'll make sure she knows. Yuna I'm serious about y/n

Yuna: as you should be! She's a real diamond in the rough and she's never confident in herself. All she does is work and study and practice. She never does anything for herself but she never complains either. Also, I don't wanna butt in too much, but I gotta you ask one thing

Mark: yeah ask away!

Yuna: y/n says today is the first time she met you but Ten says you've "been simping for like a year". Add it up for me?

Mark: It's kind of hard to explain... it like... do you believe in love at first sight?

Yuna: HA!!! You're too cute omg

Mark: It's like that but I never had the chance to talk to her... it never seemed right idk

Yuna: boy

Yuna: I had to force y/n to go to your game with me and Ten had to bribe Haechan to set up the picnic today early

Yuna: not to mention we made Hope and Jeno sit together even though they're both awkward just so y/n would have to sit next to you. you better make ur fucking move now

Mark curls his fingers into his blow-dried hair, letting out a low, stressed groan. He's gonna owe the guys big time.

Mark: I really appreciate it! :)))

Yuna: oh and one more thing

Mark: yeah?

Yuna: If you hurt her, I will gouge out your eyeballs and stick them up your ass and while you cry, I'll force feed you your own severed balls until you choke and die. Got it? :D

Holy fuck.

Mark: understood

Yuna: Yay!!! Approved :) good night mark! Nice getting to know you today!

Mark: same here. Night!

Mark's thumbs shake as he types out his final message. So this is what your friends are like, huh? It's such a contrast to your easy-going attitude. A smile spreads across his lips at the thought of you again.

Stretching up to shut off the lamp on his night stand, Mark tucks himself into bed. It's finally happening. You're here. You're right within his grasp. And he wants nothing more than to give you everything you need.

Mark contemplates Yuna's messages as he lay there in the dark; she said you aren't confident in yourself. This comes as a surprise to him. You're so beautiful, smart, kind, funny, and talented, the last thing he expected was that you didn't know it. You exude put-togetherness and wear elegance like a favorite sweater.

His eyes squeeze shut as Mark replays the first night he saw you in his mind. The image is engraved in his brain as he must have revisited that unintentional performance a thousand times.

This whole time, he never got to know you, but today he dipped his hand in the water. And he wanted so much more, to dive in completely and surround himself with you. All this time, he's only been on the sidelines.

I want her so bad

It's time to stop waiting around and get in the game. He's going to talk to you, walk you to class, make you feel special. So much time has already been wasted due to his own fears and misunderstandings. If it's confidence you need, it's confidence he will give you.

Wait for me, y/n, I'm gonna do it right this time

previous || m.list || next

184 notes · View notes

nakachuchu · 4 years ago

Text

Gravitate | Bokuto Kotaro + Akaashi Keiji

SYNOPSIS: You're annoyed Akaashi is smarter than you and confused at the man hiding in a cabinet.

READER: gender neutral

WORDS: 2670

WRITTEN: 03/11/2021

NOTES: @babierin suggested enemies to lovers in general, but that's the one trope I don't like but I ended up coming up with this and it's the longest thing I've ever written on Tumblr as of today. If you squint, the way they get together is totally realistic lol

You did your best in your studies in order to get good grades. Your parents drilled it into your head that if you got terrible grades, you'd end up homeless.

Even though you were now a teenager and knew that they were exaggerating, it was still a possibility, so you continued to study hard.

You didn't have to be ranked number one at Fukurōdani, but having a goal kept you occupied, even though it messed with your mental health and sleep schedule.

Another factor that messed with you getting number one was Akaashi Keiji. He was smart and the two of you often switched between first and second place.

It annoyed you. It made you feel inferior—as if your hard work had been for nothing. But because you were a sensible person, you were sure he was working hard for number one as well, but you wanted to be first.

Fukurōdani sent out monthly scores of each subject, and you usually ranked first in math and science, while Akaashi usually beat you in English and history.

You occasionally stayed after school to study since being at home with your parents hovering around you stressed you out.

Akaashi was usually on your mind. He was attractive, yes, and on top of being smart, he was an athlete. It made you feel even more inferior because you weren't an athlete. You didn't have anything rigorous that took up your time after school and on weekends. All you did was study.

You sighed as you walked into the science room to finish up a lab alone. You wanted everything to be precise, so when it came to labs, you were always the last person to turn the paper and data in.

Your teacher entrusted you with his classroom since he knew what a good and trustworthy student you were. Plus, the janitor was on campus in case anything happened.

You walked to the sink to wash your hands. Once you were finished, you looked around for something to dry your hands with.

You didn't see any paper towels or clean rags so you bent down to the cabinet underneath the sink and opened it.

"WHAT THE F—"

You fell onto your butt at the person hiding inside the cabinet. He looked at you, equally as shocked and frightened.

"Bo-Bokuto? What are you doing in there?" you asked.

He was your classmate in math and was in your year, so you knew him. Plus, he was often the talk of the school because of the volleyball team and girls having an interest in him.

He sniffled. "Nothing."

"How did you even fit in there?" you asked. "Are you stuck? Should I get help? What about Akaashi?"

You weren't an idiot. You knew Bokuto rarely went anywhere without his best friend, and to see either one without the other was very rare.

Bokuto pouted and shoved his face between his knees, ignoring your question.

You sat on the floor, blinking and waiting for an answer. He clearly didn't want to talk, so you were forced to move past it.

"Are there any paper towels in there?" you asked.

He reached behind him, angling his arm at what looked like an uncomfortable position, and grabbed a paper roll for you.

You took it from his hands and got up from the floor to wash your hands again, then dried them.

"Um—thank you," you said as you leaned your body to the side to peer into the dark cabinet. "Should I... Should I close it?"

He shook his head between his knees, so you left the door open for him and put your goggles on, occasionally checking on him while you finished up your lab.

He was supposed to be in practice at this time, so you were fairly certain that something must have happened during practice since he wasn't wearing his uniform, instead opting for loose clothes.

Once you were finished and began to throw away the materials in the correct bins and clean the tubes and table, you could hear Bokuto bumping into the cabinet as he wrangled his body out.

You waited for him to crawl out of the cabinet before walking to the sink to wash your hands and dry them.

"Are you feeling better?" you asked.

He nodded.

You had never seen him so quiet before. It was a bit unsettling and you weren't the type of person to leave someone alone when they were upset.

"Um—Are you thirsty? I can get you something." When he didn't answer, you added, "Or we could go together? I'm done with my lab here anyway."

He nodded and you grabbed your school bag, freezing for a moment when he grabbed the hem of your sweater. You quickly shook off your shock and continued walking, allowing him to hold onto your sweater.

You led him to a vending machine outside and got water for him since you weren't sure what he liked and that was the safest option.

The two of you sat on a bench outside, enjoying the cool air. He opened the water and drank from it while you held a can of warm coffee as a hand-warmer.

"Don't you have to go back to practice?"

He pouted.

"Right. What made you so upset?"

"Akaashi," he mumbled.

You let out a sigh of relief. That was the first thing he said to you since you found him in the cabinet.

"Did he do something?"

"He yelled at me."

You didn't see Akaashi as the type to yell at someone. He was usually very calm, so Bokuto must have done something.

"How come?" you asked.

"He said I was being too loud—that I was annoying."

"Did he apologize?"

"I ran away," said Bokuto.

"Well, maybe if you go back now, he'll apologize and the two of you can make up. I don't mean for this to be rude, but it's odd when you two aren't together. You guys are best friends, right?"

He nodded and took in a deep breath. "You're right, Y/N! I'll go back now. Thanks!"

He had a bright smile on his face, completely contrasting with his sullen expression a few seconds ago. He quickly got up from the bench and ran away with the water, leaving you alone on the bench with a warm can of coffee between your hands. You stared after him in confusion.

"How'd he know my name?" you mumbled.

He never once interacted with you before and you didn't introduce yourself to him, so he couldn't have known your name. You were supposed to be a background character to him.

The next day during break, you were reviewing the notes you took in class when a loud voice called out for you.

"Y/N!"

You looked up, startled, to see Bokuto waving to you through the door. You glanced around and slowly waved at him. He beckoned for you to come over, so you did.

Once you were by the threshold, you noticed Akaashi was there. The two of you locked eyes before you averted them to look at Bokuto instead.

You felt self-conscious with how much taller the two of them were and how good they looked in their school uniforms.

"Did you need something?" you asked.

Bokuto grinned. "I wanted to say thanks for yesterday."

"Oh, it's nothing. I'm guessing you two made up."

"Yeah!"

Akaashi nodded and held out a can of coffee to you. You glanced at him and took it from his hand, noticing his slender fingers.

"Bokuto noticed you got this brand yesterday," said Akaashi.

You mainly got it as a hand-warmer, but you didn't mind drinking coffee.

"Thank you," you said. "You didn't have to."

"He told me you took care of him, so it's the least we could do," Akaashi explained.

You nodded. "Right. Is that all?"

Bokuto and Akaashi glanced at each other before leaning in. Your eyes darted between the two, noticing how close they were to you.

"Bokuto likes you a lot," said Akaashi.

"Huh?"

"You're really pretty, Y/N," said Bokuto with a grin. "Come to rooftop during lunch. We'll be there!"

Akaashi leaned away and tugged on his sleeve to give you some space. Bokuto leaned away from you after smiling at Akaashi.

"If you don't, it's fine, but Bokuto will be sad if you don't," said Akaashi. "Let's go. Class is starting soon.

"Okay, okay. See you later, Y/N!" Bokuto exclaimed as he walked after Akaashi.

You blinked after the two, heart racing and completely confused.

Class seemed to pass by slowly today. You usually forced yourself to listen to the teacher in order to take notes, but Bokuto's confession was taking up your mind.

When class was over, you quietly took your time going up to the rooftop. You didn't want to first and have to wait for them. Plus, you were so nervous, your legs wouldn't properly move and you had to stop walking on the stairs for a minute to calm your heart.

The door to the rooftop creaked open and you poked your head out to see if they were there. Your heart beat rapidly as Bokuto and Akaashi turned to look at you.

You opened the door further and walked onto the rooftop. You twiddled your thumbs together behind your back as you approached them.

"Hi," you said.

Bokuto grinned. "Hi, Y/N!"

"He wants to date you," said Akaashi. "I don't mind either."

"You don't mind?" you questioned. "I'm sorry. I mean, I just met you two officially. I'm not the type of person to easily date someone, or date in general, actually."

Bokuto looked down at Akaashi and the two had a silent conversation with each other.

"All right!" Bokuto exclaimed, making you flinch in surprise.

He wrapped an arm around Akaashi's shoulders and guided his head to rest on his chest. Akaashi didn't seem to mind as he stared at you.

"Keiji and I are dating," he said.

"H-Huh? Congratulations? What does this have to do with me?"

"We're an open relationship and we both like you," Akaashi explained.

"Both like? You both like me?" you asked. You guys aren't wasting my time, right? This isn't a joke? Because I could be studying right now."

Akaashi chuckled. "I could be too."

You puffed out your cheeks, just now remembering that he was your rival. It was hard to dislike him when he was so attractive and respectful.

"I'll think about it," you said. "This isn't exactly normal for me."

"Don't tell anyone we're dating. We told you because we trust you," said Akaashi.

You nodded. "My lips are sealed. I'm going to go back to my classroom now."

"We'll walk you!" Bokuto exclaimed, sliding his arm off Akaashi to walk over to you.

You had to tilt your head up the closer he got to you. You weren't sure if the two of them walking with you was such a good idea because of how much attention they got.

"Don't bother her," Akaashi scolded, making Bokuto pout. "We'll see you later, Y/N."

You nodded and bowed to them before scurrying away. You wished you didn't glance over your shoulder as the door closed. The sight of the two men kissing was something that would keep you up at night.

Neither Akaashi or Bokuto bothered you in the following week. You appreciated that since studying and retaining information was difficult because of them.

You found yourself thinking about the kiss they shared on the rooftop whenever you took a break from studying. You had to keep your mind occupied so that you wouldn't think about it.

Currently, you were in science class—the very same room where Bokuto hid in a cabinet. The class was almost over and everyone was cleaning up their materials.

"Y/N."

You looked up from washing your hands to see Akaashi. You swore this cabinet and sink was haunting you.

"You're smart."

"Thank you," you replied.

"Care to study with me after school? I don't have practice."

"Oh, yeah, sure."

You were certain there wasn't a catch. He seemed like a gentleman and was always there to reign Bokuto back.

"My house is close to the school, so we can walk there together," he said.

"Sounds good."

He briefly smiled at you before moving past you to wash his hands.

Your heart was beating fast for no reason. It was just studying. At least, you hoped it was.

He waited for you by the entrance of the school after school and the two of you walked together to his house.

His room was exceptionally clean for a boy, but it made sense to you. He pulled out a table from under his bed and extended it.

"Could you help me with math? I can quiz you on history," he said.

The fact that he knew which subjects you didn't rank first in made you want to hit him, even though he didn't do anything wrong.

You nodded, and the two of you sat down, taking out your notebooks and supplies.

Studying with Akaashi was quite enjoyable. He made things easy to understand but didn't treat you like you were inferior. In return, you did your best to explain math both verbally and visually.

"I hope you're considering our offer seriously," said Akaashi, interrupting your train of thought.

You played with the pencil in your hand. "I am. Kind of. It's just hard for me to wrap my head around. Neither of you ever talked to me to know me well."

"That's true, but just because we never talked to you, doesn't mean we never talked about you," he retorted. "I talked about you a lot to Bokuto."

"What'd you say?"

"How I'm never ranked first in math or science because of you. It was irksome, but because of that, I started paying more attention to you. Bokuto noticed and got a bid pouty, but then started to notice you too. You're really pretty and noticeable, Y/N. You just don't notice it. You'd always pass by us during breaks and our eyes naturally gravitated to you. You never even spared us a glance."

"Oh. Sorry," you mumbled. "I'm usually thinking about whatever I just learned."

"I know. You never watch where you're going because of that. We once saw you run into a door."

You winced. "You saw that? That's so embarrassing."

"It was cute. So, about our offer..."

He looked so serious now that you couldn't look away from him despite your fast heartbeat and flushed face.

"I've never dated someone before, let alone two people at the same time, but I'm willing to try. I think you two are...interesting. Besides, I thought about you a lot too. You're my rival, after all."

You did think about Akaashi a lot. He was always on your mind, even though it was mainly about how smart he was and how he always bested you.

"What about me?"

The closet door slid open and you let out a scream when Bokuto's body came wiggling out.

"Sorry, he thought it was unfair I got you all to myself," said Akaashi with an apologetic expression.

"Do you like me too?" Bokuto questioned as he walked over to you and knelt in front of you, placing his face into his hands.

"Well, yeah, I guess so. You're cute like a puppy," you answered.

He grinned. "You're cute too!"

You squealed as he tackled you to the floor, wrapping his arms around you for a tight hug. Akaashi wrapped his hand around the table, making sure you didn't hit your head on the edge. Bokuto had a similar idea as he placed his hand on the back of your head so that wouldn't hit the floor.

Akaashi smiled. "I'll get some drinks and snacks."

"You're going to leave me here?" you called out as Bokuto nuzzled his cheek against yours.

"You'll have to get used to it, Y/N. Kotaro's a touchy person."

#haikyu x reader #Bokuto Kotaro x reader #Akaashi Keiji x reader #sfw

106 notes · View notes