When one day my friend showed me her favorite design project, where she had revealed all her love for animals and books, I asked if I could build it as a developer. I developed CupBook with Vue 3 Composition API, Vue Routing and Tailwind CSS. It involves filtering books by searching, validating forms, and handling complex design requirements.
I recently undertook a project to recreate the Booking page, showcasing the capabilities of Tailwind CSS in Laravel's Blade components. The seamless integration of Tailwind's utility-first approach allowed for efficient styling, resulting in a responsive and engaging user interface.
MyWishlist is a website where a user can add, edit or delete various products and links, which can be divided into categories. Creating this project from scratch was the best way to prove to myself that I understood how Laravel works. While working with MyWishlist I learned how things work behind the scenes, including Controllers, Models, Migrations, Factories and Seeders. I also practiced simple CRUDs. It is built with Laravel, Vue and Tailwind.
Creating a blog - with categories, tags, comments, email notifications, search, filtering and more. The site is built with Laravel and Tailwind CSS. The blog is a great way to learn how to build a CRUD app with Laravel. The blog was created according to Jeffrey Way's course - Laravel 8 From Scratch in Laracasts.
The game is about throwing the dice and can be played by two people. Whoever scores 100 points first, wins the game. But the game can be interrupted at any moment to start a new one by clicking the New Game button. This project helped me to learn how to think and work like a developer: problem-solving, researching, workflows
The game consists of finding the randomly generated number. The number must be from 1 to 20. Every time the player puts a wrong number in 'Check!', points are reduced in 'Score'. The 'Again' button serves to start a new game. Developed with JavaScript and learning its fundamentals such as: variables, if/else, operators, boolean logic, functions, arrays, objects, loops, strings.
Building this website offered me a good opportunity to get into the depth of CSS. It includes understanding CSS basics like cascading, specification, and inheritance, as well as advanced concepts like component-based design, BEM methodology, and writing reusable code. It also includes working with SVG images and videos in HTML and CSS to create effects like background video. Through this project, I learned how to develop complex animated buttons, sleek navigation menus, popups and other impressive features.
Life seems easier after switching from CSS to Tailwind. Learning how classes work in Tailwind. The site contains Grids, Buttons, Sidebar and positioning of page elements with Flexbox. Also, includes responsive classes.
Building a dog dating site seems a lot of fun when you combine it with Bootstrap. Learning how to install Bootstrap, creating the Navigation Bar, Grid Layout, Containers, Cards, Z index, Carousel, Pricing Tables, and refactoring.
The first project is the moment when you learn that there is something more than just a basic page with Html. Learning my first concepts about CSS Syntax, CSS Selectors, Display Property, Positioning, Float and other basic things of pure CSS.