
Python Blog is a website that serves as a showcase of my skills and knowledge in web development, specifically using Python Flask. It functions as a platform for posting blogs, much like any other blogging website. The distinctive factor is that I personally crafted this site using Python Flask.

The primary goal behind creating this website was to establish it as a portfolio, highlighting my proficiency and accomplishments with Python Flask. In terms of features, visitors can read blogs. Authors, however, need to create an account to publish, categorize their posts, and manage them (edit or delete).

In the development process, I utilized Python Flask for the back-end and bootstrap for the front-end. The integration of the CKEditor to empowers authors to customize their posts. As this was my first time working with Python Flask, there were initial challenges to overcome. It took some time to adapt, but the experience was valuable. For more details, feel free to contact me and you can visit this [website](https://wandering-khakis-worm.cyclic.app) (if the host isn't down yet).

Project:


Python Blog


Step into the future of managing your Badminton Club effortlessly with this project, designed to bring a fresh and organized approach to your club's activities! Created to move beyond the confusion of group chats, it introduces a new way of doing things.

Imagine a central hub where all member and coach information seamlessly comes together. This project makes that vision a reality. From easily sharing details about upcoming events and handling subscriptions to creating straightforward financial reports, it's your all-in-one solution for efficiency.

But there's more! Picture a schedule to effortlessly track attendance during training and a point system that adds excitement to events. Members earn points, creating a lively ranking system within the club.

Behind the scenes, we've got the tech essentials: Laravel for a strong backend, React for a user-friendly frontend, and a touch of Tailwind CSS for a polished look. And with MySQL holding everything together, you can trust it's built to last.

Keen to see it in action? A demo is just a message away. If you have any questions or need more details, feel free to reach out directly. Thanks for exploring this easy-to-use and innovative club management solution!

Project:


Badminton CLub


Mastermind is a captivating web game that draws inspiration from the timeless classic bearing the same name, which originally emerged from the creative mind of Mordecai Meirowitz in 1970.

The essence of Mastermind remains intact in this web version. It was originally designed for two players, where one player creates a secret code using colors, and the other player tries to crack the code within a limited number of attempts. The game's essence is rooted in the fine arts of deduction, strategy, logical reasoning, and discerning recurring patterns. As you engage further, the better you will become at narrowing down the possibilities and making smarter guesses with each round.

My journey with Mastermind began when my dad introduced me to the game a few months ago. He had bought the physical board game, and we started playing it together. What draws me to this game is the engrossing interplay between clues, patterns, and the logical dance that unfolds. Every detail matters, requiring a keen eye for order and structure. In the process, our brains are finely tuned to think logically while having an abundance of fun.

What's even more intriguing is that this website game came to life upon my father's request – a whimsical twist of fate, indeed. When he wondered aloud about the complexity of crafting the game, I couldn't resist the challenge. With a clear vision in mind, I saw it as an opportunity to prove my capabilities. After all, it was my first foray into creating this particular kind of website game, and I figured, "Why not take the plunge?" This experience has been a novel addition to my programming journey, one that I undertook with eagerness and a desire to excel.

I used Next.js and Tailwind CSS to build the website. I took a slightly different approach, though. Instead of two players, the game now allows you to play against the computer. The computer generates a secret code, and your task is to crack it. Currently, the game doesn't use a database, so it's more like a play-reset-play cycle. However, I'm considering adding more features and functionalities in the future.

This project holds a special place in my heart as one of the most enjoyable endeavors I've undertaken. The game's evolution continues as I consider potential updates and features to elevate the experience. Curious to experience the thrill for yourself? Here's the link to the [game](https://mastermind-nextjs.vercel.app/). Dive in, have a blast, and may the spirit of code-breaking lead you to triumph!

Project:


Mastermind


The Wedding Organizer website is a dedicated platform designed specifically for wedding organizers, providing them with a convenient way to manage and organize their clients' data from anywhere they desire.

This project marks my first venture into the world of web development, inspired by a client seeking a streamlined solution for their wedding organizing business. The Wedding Organizer website aims to address the challenges faced by clients when they need to update their wedding details. In the past, this process often involved manual communication with the wedding organizer, resulting in time-consuming updates on spreadsheets or even paper documents. However, with our website, clients have the power to make instant updates themselves, eliminating unnecessary back-and-forth. And guess what? Wedding organizers can do the same! It's a win-win situation for everyone involved.

But here's the real icing on the wedding cake. One of the key features of the website is the timestamp, which displays the most recent data update. This transparency helps keep everyone involved up to date on the latest changes. Additionally, the website allows for easy sorting of client data based on the nearest upcoming weddings, making it simple to prioritize tasks.

But wait, there's more! We've included an export feature that enables you to transform all that valuable client data into PDF or Excel formats. It's like having a magic wand that turns data into beautifully formatted documents. And of course, we value data privacy. After the grand celebration, the client's information is automatically wiped from our system, giving it a well-deserved rest just 30 days after the wedding, ensuring their data remains secure.

Our team consists of two members, each bringing their unique skills to the table. I handle the back-end development using Laravel and MySQL, while my talented partner focuses on the front-end using React and Tailwind CSS. It has been an incredible journey for us, tackling challenges and honing our expertise. The combination of Laravel and React has proven to be a powerful blend, enabling us to create a seamless and efficient user experience.

Although I can only share a link to the landing page of the [website](https://allysonwp.com/) at the moment, I invite you to contact me directly if you would like to experience a live demo. Thank you for your attention, and remember, with the Wedding Organizer website, managing weddings has never been easier and more organized.


Wedding Organizer


Daily Quotes is a platform dedicated to sharing positivity, kindness, and motivation through inspiring quotes. The website is designed to bring people together and help spread positivity in a world that can sometimes feel overwhelming.

The main purpose of creating this website was to create a community of like-minded individuals who support each other and lift each other up. We believe that through the power of words and positive thinking, we can all overcome any obstacle and achieve our dreams. in Daily Quotes you can generate a random quotes or you can contribute to the community and post your message.

To build this website, I used Laravel for the back-end and Bootstrap for the front-end, database using MySQL, and for the prototype design, I used Figma. This project is simple yet fun project to make, this project is made to test my knowledge in laravel. You can check out the project on my [github](https://github.com/Bryan-snw/daily_quotes) page for more details. i don't host this website, but i will show you a few picture of the website.

Project:


Daily Quotes


Laravel's Blog is a website that showcases my skill and knowledge in web development. It is a platform for posting blogs, literally like every blog website in the world. The only difference is that this website was created by me using Laravel.

The main purpose of creating this website was to use it as a portfolio to showcase my skills and what I can achieve with Laravel. As for the features, anyone can read the blogs posted by the authors, filter the blogs by category or author, and leave comments. However, authors must create an account in order to make a post, categorize their posts, and edit or delete them as needed. Admins have the added ability to add, edit, and delete categories.

To build this website, I used Laravel for the back-end and Bootstrap for the front-end. I also incorporated the Trix editor to allow authors to customize their posts to some extent. However, since this was my first time using Laravel and implementing the MVC concept, there were some challenges that I had to overcome. It took some time to get used to, but in the end, it was a valuable learning experience. You can check out the project on my [github](https://github.com/Bryan-snw/laravel-blog) page for more details. i don't host this website, but i will show you a few picture of the website.

Project:


Laravel Blog


Room is a service that aims to help and facilitate people in the process of creating and managing guestbooks and events. In a simple way, Room is a digital guestbook.

The idea for Room came from the struggle I experienced myself, such as managing an offline event, recording the attendance list of the organization, and filling in the guestbook manually. What I mean by "manually" is writing on a piece of paper. Let me tell you, it is a pain in the ass. Because most of the time, from that piece of paper, I still have to input it to a computer, so it's like double the work.

So with Room, I aim to make the whole process easier and simpler, with what we call "One Step Scanning". All you need to do is show the barcode we generated for you on the website, and then the event organizer just needs to scan the barcode, and voila, it's done – your name is in the guestbook. You don't have to write it again, you don't have to wait in line because the person in front of you writes slowly. If you're in the event organizer, say goodbye to those hard-to-read ugly handwriting things. Now you can customize your guestbook anywhere and everywhere as long as you have an internet connection. The form of the guestbook is highly customizable, and even better, say goodbye to those complicated processes I mentioned earlier. You don't have to double the work anymore; all you need to do is export the data, and it will give you a CSV file to work with.

Room is a group project in my college, made by me and my friends, Fira and Meiliana. For the backend, we use Node.js; for the frontend, we use CSS and Bootstrap, and for the database, we use MongoDB. This is my first big project, so I would say this is one of the most challenging projects I've made. One of the most challenging parts for me, as I remembered, is the export function, because this is something I haven't done, but a great lesson indeed. Click this link to visit our [github](https://github.com/Bryan-snw/Room), and for the [Room](https://room-idn.com/), and for the Room website. If the link to the website is not working, then sadly, it means that the duration of my hosting has already run out :(, but don't worry about that. Lucky for you, we have a [youtube channel](https://www.youtube.com/@room7833), and there's a video where I demonstrate how to use the website, and I will show you a few pictures of the website too.

Project:


Room


Tracking Delivery is a website for a certain company that offers shipping or delivery services. The website aims to help their customers keep track of their package delivery status.

The idea of this website is basically just for a portfolio website, to challenge and test my skills and knowledge. So to be honest, I don't really have much to say about this website. Tracking Delivery is just a simple website where the company or admin can create a resi number (package ID) for their customers to track and update the status of the package delivery in every step. As for the customers, they can track their package delivery status using the resi number the company gives them.

Tracking Delivery is a portfolio project made by me alone. This website is built using Next.js, the database using MySQL, and for the prototype design, I used Figma. The challenge in this project, to be honest, is really simple, which is to make a connection with MySQL. But on my defense, it's been a long time since I used MySQL because most of the time, i enjoyed more using MongoDB. And i know the design look really simple, like really simple but that because i kind of want to do a speed-run working on this project and just focus on the main functionality. Click this link to [github](https://github.com/Bryan-snw/Tracking-Delivery) and no, i don't host this website, but i will show you a few picture of the website.

Project:


Tracking Delivery


Welcome to my personal blog portfolio website! My name is Judith Bryan Leonard Sie, and I'm a recent computer science graduate based in Indonesia. I'm particularly interested in web development and aspire to become a full-stack web developer. As you explore "Bryan's Blog," my portfolio site, I'll be sharing my work with you in the form of blog posts.

The aim of this website is to provide an easy way for me to showcase my work without needing to open and run each project separately. You may be wondering why I don't just host these websites for free; the answer is that I'm trying to save my budget. While there are plenty of free hosting options available, I believe that certain small projects don't necessarily require hosting. If I do decide to host a project, I'll provide the link in the relevant post.

Please note that the date of each post doesn't indicate when I created the project; rather, it reflects the date of the post itself. I plan to write about past projects, so the date won't always indicate the latest work. While my English may not be perfect, I choose to use it because I feel more comfortable expressing myself in English and it's good practice for me.

I built this website using Next.js with plain CSS for the front-end. I try not to use CSS frameworks so that I can hone my CSS skills, but I may use one in the future. To display my posts, I use react-markdown, which allows me to customize them to some extent. You can find the code on [github](https://github.com/Bryan-snw/bryan-blog), although please keep in mind that the website is a work in progress and there may be bugs or features that I haven't added yet.

Finally, I won't include a picture of the website because if you've not noticed, you're already on it! Thank you for visiting, and have a wonderful day.

Best regards,

Judith Bryan Leonard Sie


Projects

Room

Tracking Delivery

Bryan's Blog