#11 relaxerApp

A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out

Project Specifications:

- Create circle and gradient circle with CSS
- Create and animate pointer (Small circle)
- Create grow and shrink animations
- Add JavaScript to create the breath animation effect

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/relaxerApp

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#12 expenseTracker

This web application keeps track of income and expenses. Adds and removes items and save to local storage.

Project Specifications:

- Create UI for project
- Display transaction items in DOM
- Show balance, expense and income totals
- Add new transation and reflect in total
- Delete items from DOM
- Persist to local storage

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/expenseTracker

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#13 infiniteScrollPosts

The website displays blog posts from jsonplaceholder and adds infinite scroll to fetch posts and also add filter box

Project Specifications:

- Create UI & custom CSS loader animation
- Fetch initial posts from API and display
- Scroll down, show loader and fetch next set of posts
- Add filtering for fetched posts

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/infiniteScrollPosts

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#14 numberGuessing

Number guessing game where you speak your guess into the microphone using the speech recognition API.

Project Specifications:

- Display UI directing user to speak guess
- Implement speech recognition to listen to mic
- Process user's guess and match
- Let user know higher, lower, match or not a number

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/numberGuessing

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#15 speechTextReader

A text to speech app for non-verbal people. Pre-made buttons and custom text speech. This project uses the Web Speech API.

Project Specifications:

- Create responsive UI (CSS Grid) with picture buttons
- Speaks the text when button clicked
- Drop down custom text to speech
- Speaks the text typed in
- Change voices and accents

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/speechTextReader

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#16 typingGame

Game to beat the clock by typing random words.

Project Specifications:

- Create responsive UI (CSS Grid) with picture buttons
- Speaks the text when button clicked
- Drop down custom text to speech
- Speaks the text typed in
- Change voices and accents

Check it out!
Repo - https://github.com/MansurIsakov/small-projects/tree/main/mini-projects/typingGame

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

📝 forkify

🥁 The biggest web application I've ever created.

Web application with custom recipe uploads.

Features:
- Babel
- Dynamic Style
- Parcel
- Asynchronous
- Responsive website
- DOM Manipulations
- OOP
- Modern JavaScript
- Additing function
- Bookmark function
- Servings function
- Local Storage
- Forkify API
- Using API Key
- Pagination
- MVC Architecture
- BEM Methodology
- SASS (GRID / FLEX)
- DRY Principles

You can:
- Search recipes using searching bar (Use keywords like "pizza" / "avocado")
- Add your own recipes by clicking on "ADD RECIPE"
- Bookmark recipes by clicking on icon
- Indicate how many ingredients you need for particular recipe

Check it out!
Demo - https://forkify-mansur.netlify.app/
Repo - https://github.com/MansurIsakov/forkify

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

Basic hotel website built using only html / css.

Responsive✅

Check this out:
https://hotel-bt-2021.netlify.app/

©️ Quartet's Untitled Project

How do I code? In a mess, tbh🤟🏻

Yeeeeeet, I do not forget my coffee and nice music: I have two sources of motivation that always cheer me up and help me concentrate. I listen to them whenever I code. These playlists are amazingly calming and encouraging at the same time. I'd like to leave the links here💁🏼‍♀️

🖇 Lofi Girl - Lofi hip hop and chill beats that help you concentrate on your tasks.
🖇FreeCodeCamp Radio - This is the real 24/7 coding radio. Free and specially designed for coding.

How do YOU code? 💻📱

👨🏽‍💻 appleClone

Apple eCommerce website clone.

Project Specifications:

- 3D Figure
- Slider
- MacBook Animation
- Background Animation

Check it out!
Demo - https://appleclone-mansur.netlify.app/
Repo - https://github.com/MansurIsakov/small-projects/tree/main/appleClone

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

🏗 architectLandingPage

The landing page for the architect company.

Check it out!
Demo - https://architect-mansur.netlify.app/
Repo - https://github.com/MansurIsakov/small-projects/tree/main/architectLandingPage

Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

💸 InvestmentLandingPage

HTML / CSS / JS ✅

Check this out:
https://accounting-abror.netlify.app/

©️ Quartet's Untitled Project

💨 Perfume Landing Page

Website aimed to see details about perfumes; particularly view, price and information


Check it out! 🔥

Demo 🖇 | Repo 🖇


Bugs? Leave a comment ⬇️

©️ Quartet's Untitled Project

#Mini_Project

Website Presentation Template

Are you bored of using PowerPoint for your presentations or you want your presentation to be special, then building a website for it is one way to go.

Check it out:
https://your-presentation.netlify.app/

©️ Quartet's Untitled Project

👋🏾 HELLO UNIVERSE!
Welcome to Quartet`s Channel!

👨🏽‍💻 Our Members:

1. Mansur Isakov - Website & GitHub Profile

2. Khusanov Mukhammad Khojiakbar - Website & GitHub Profile

3. Abror Mukhammadiev - GitHub Profile

4. Nomonjon Salakhiddinov - Website

©️ Quartet's Untitled Project

Portfolio website.
Fully adaptive, but recommended to open in a PC browser to feel the visual)

Link: https://juggernaut.netlify.app/
Bugs? Leave a comment)

©️ Quartet's Untitled Project

🟢 Vue.js: The Documentary

https://youtu.be/OrxmtDw4pVI

✌️🏾

©️ Quartet's Untitled Project