George-Cosmin Barbulescu img

George-Cosmin Barbulescu

Contact



Projects

Forkify - Fast Food Recipes

A simple and clean website for home users with eye-catching colors that holds lots of best food recipes.

forkify fast food recipes img

Description

Welcome to the Forkify Fast-Food Recipes website – a culinary haven that offers a delectable collection of recipes and culinary inspirations for fast-food enthusiasts and home cooks alike. The website showcases popular recipes that are just a click away, complete with step-by-step instructions and tantalizing images.

Business problem

In today's busy world, finding the perfect recipe can be a daunting task. With countless websites offering a multitude of recipes, it's easy to feel overwhelmed and unsure where to begin. Additionally, many recipe websites lack user-friendly interfaces and comprehensive search functionalities, making it difficult for users to find exactly what they're looking for. To address this problem, Forkify - Fast Food Recipes was developed to provide users with a streamlined and intuitive platform for discovering new recipes. By offering a vast database of recipes and powerful search capabilities, Recipe Finder aims to simplify the recipe discovery process and inspire users to unleash their culinary creativity.

Solution

Here are a just a few, of the many examples that I used to build this project:

(understanding the problem and then disecting it into smaller parts, using question metodology)

1. Having diverse and appealing culinary inspirations.

2. Simplify the process of discovering and accessing a curated selection of recipes.

3. Navigation: Create an intuitive navigation system that categorizes recipes for easy exploration.

4. Visual Appeal: Incorporate nice design elements to ensure that recipes are accompanied by captivating imagery.

5. Organization: Ensure that recipes are presented in an organized and easily accessible manner.

6. Engagement: Implement interactive features to keep users engaged and motivated to explore recipes.

7. Simplicity: Make the website user-friendly, avoiding overwhelming users with excessive information.

8. Bookmarks: allows users to save their favorite recipes for future reference and share them with friends and family via social media or email.

forkify fast food recipes flowchart

Keypoints for functionality from Flowchart, using JavaScript

Add recipes to bookmark list

forkify example1

Upload new recipe and edit ingredients

forkify example2

Page navigation for search results using buttons

forkify example1

Increase and decrease servings

forkify example2

The final result: A simple, clean, fast, website with eye-catching colors. An enticing culinary small hub, offering curated recipes with nice looking visuals, the Forkify Fast Food Recipes website simplifies culinary exploration. From savory to sweet, it's a user-friendly platform for aspiring chefs to discover, create, and savor delightful dishes.

Calculator

A simple, nice looking web application for anyone who need to make calculations on a daily bases.

calculator img

Description

I created a dynamic and user-friendly web calculator application that goes beyond basic arithmetic functions. This calculator allows users to perform calculations, track their history, and even store their calculations in a convenient history log. With a modern and intuitive interface, users can input digits and operators smoothly, while the 'backspace' functionality ensures accurate data entry. The calculator includes decimal input, history tracking, and a clear entry option. Its thoughtful design and seamless functionality make it a practical tool for quick calculations and a noteworthy addition to my portfolio.

Business problem

In a fast-paced business environment, professionals often need to perform quick calculations on the go. Traditional calculators may lack the features and functionality needed for complex calculations or tracking calculations over time. Additionally, paper-based or basic digital calculations can be prone to errors. To address this, a robust and versatile web calculator application was developed. This application enables business professionals to perform calculations efficiently, maintain a history of their calculations for future reference, and reduce the risk of errors. With its intuitive interface and advanced features, the web calculator application offers a reliable solution to streamline everyday calculations in the business world.

Solution

Here are a just a few, of the many examples that I used to build this project:

(understanding the problem and then disecting it into smaller parts, using question metodology)

Q: What are the calculations for ?

A: For conducting some quick calculations for company stocks

Q: What type of calculations are needed ?

A: Simple calculations only, no need for scientific or algorithmic calculations.

Q: If operations are done, is there a need for having a history ?

A: Yes, implement history logic for operations log.

...

Implementing solution into JavaScript using Flowchart

1. Basic Arithmetic: Create a user-friendly interface that allows users to input digits and perform basic arithmetic operations.

2. Decimal Handling: Ensure that the calculator handles decimal numbers accurately and efficiently.

3. Operator Management: Manage the logic for handling different operators like addition, subtraction, multiplication, and division.

4. Error Prevention: Prevent users from inputting invalid sequences of digits and operators.

5. History Tracking: Implement a feature that maintains a history of user calculations for future reference.

6. Clear Entry: Provide users with the option to clear their current entry or start a new calculation

7. Backspace Functionality: Enable users to delete the last entered character or number, ensuring accuracy in their calculations

8. Advanced Calculations: Extend the calculator's functionality to handle more complex calculations like chaining operations or using the memory

9. Responsive Design: Ensure the calculator application is responsive and works well on different devices and screen sizes

10. User Feedback: Provide visual and interactive feedback to users when they perform actions like clicking buttons or completing calculations?

calculator flowchart

Keypoints for functionality from Flowchart, using JavaScript

Complete functionality of each button

calculator example1

Modal window with history logs

calculator example2

The final result: A simple, efficient, clean, fast and nice web application that works like a charm. A free and easy tool ready to use for daily tasks.


Food Recipes

A simple and clean website for home users with eye-catching colors that holds lots of best food recipes.

food recipes img

Description

Introducing the Food Recipes website – a culinary haven that offers a delectable collection of recipes and culinary inspirations for food enthusiasts and home cooks alike. The website showcases popular recipes that are just a click away, complete with step-by-step instructions and tantalizing images. As you explore the gallery, you'll find an array of delightful food creations.

Business problem

In a world where home cooks and food enthusiasts seek convenient access to diverse and enticing culinary inspirations, finding reliable and organized recipe resources can be challenging. Traditional cookbooks may lack visual appeal, and online recipe sources can be scattered and overwhelming. Aspiring chefs are in need of a user-friendly platform that offers a curated selection of recipes, complete with captivating imagery and easy navigation. Addressing this gap, the Food Recipes website provides a solution by offering a visually appealing and categorized collection of recipes, making it effortless for users to explore, create, and enjoy a wide range of delectable dishes.

Solution

Here are a just a few, of the many examples that I used to build this project:

(understanding the problem and then disecting it into smaller parts, using question metodology)

1. Having diverse and appealing culinary inspirations.

2. Simplify the process of discovering and accessing a curated selection of recipes.

3. Navigation: Create an intuitive navigation system that categorizes recipes for easy exploration.

4. Visual Appeal: Incorporate nice design elements to ensure that recipes are accompanied by captivating imagery.

5. Organization: Ensure that recipes are presented in an organized and easily accessible manner.

6. Engagement: Implement interactive features to keep users engaged and motivated to explore recipes.

7. Simplicity: Make the website user-friendly, avoiding overwhelming users with excessive information.

8. Responsive Design: Ensure the website is responsive and works well on different devices and screen sizes

foodrecipes flowchart

Keypoints for functionality from Flowchart, using JavaScript

Navigation menu button - display state

foodrecipes example1

Light-Drak mode theme button

foodrecipes example2

Main section icons - change loop

foodrecipes example1

Gallery text effect

foodrecipes example2

The final result: A simple, clean, fast, website with eye-catching colors. An enticing culinary small hub, offering curated recipes with captivating visuals, the Food Recipes website simplifies culinary exploration. From savory to sweet, it's a user-friendly platform for aspiring chefs to discover, create, and savor delightful dishes.


To-Do List

A simple web tool that can organize daily tasks better.

todos img

Description

Organize tasks seamlessly with the To-do list website. Simplify your daily routine by keeping track of your tasks in one place. From personal to professional, easily manage your to-dos and stay productive.

Business problem

Company needs a web app that can ease work and task prioritization.

Solution

Here are a just a few, of the many examples that I used to build this project:

(understanding the problem and then disecting it into smaller parts, using question metodology)

1. How can tasks be organized efficiently to boost productivity?

2. What are the pain points of juggling tasks between personal and professional spheres?

3. Do we need to implement options like editing, and deleting tasks ?

4. How can the process of creating, editing, and deleting tasks be simplified?

5. How can the website provide a streamlined and intuitive way to add and complete tasks?

Implementing solution into JavaScript using Flowchart

todos flowchart

Keypoints for functionality from Flowchart, using JavaScript

Add todo using input type text section

todos example1

Save todo in list

todos example2

Set todo as completed

todos example3

Delete todo using button

todos example4

The final result: a very simple but intuitive web app that can help improve your daily tasks and organize more efficiently.


Guess Secret Number

A simple web game that allows you to enjoy a bit of fun.

guessnumber img

Description

If getting borred and don't know what to do to kill this mood, this simple game offers a few minutes of fun.

Business problem

Everyone needs a bit of fun sometimes, you just got to find the right one.

Solution

Here are a just a few, of the many examples that I used to build this project:
(understanding the problem and then disecting it into smaller parts, using question metodology)

1. Want something to relax and enjoy in your free time ?

2. What are the pain points of juggling tasks between personal and professional spheres?

3. Do we need to implement functionality like restart, click, use mousewheel or up/down arrows ?

4. How can the process of playing be simplified?

5. How can the webapp provide a streamlined and intuitive way to check for secret number ?

Implementing solution into JavaScript using Flowchart

guessnumber flowchart

Implementing solution into HTML and CSS using Concept

guessnumber concept

Keypoints for functionality from Flowchart, using JavaScript

Modal window with info for game rules

guessnumber example1

Restart game button

guessnumber example2

Input number with check button

guessnumber example3

Help button for modal window

guessnumber example4

The final result: a very simple but intuitive web app or game that can help you mood in case you get too bored or too much stress.