My HTML/ CSS/ JS projects

HTML CSS Bootstrap 4.0

Purrrfect match

My fisrt using of Bootstrap library

HTML CSS JavaScript

Color game

You need to guess which color is represented by RGB

HTML JavaScript

Patatap game

Just press any key from A to Z and see colorful circles and hear funny sounds.

Using howler.js and paper.js libraries.

HTML CSS JavaScript

TODO list

Any developer should have a todo list app. My variation of it. Just pure JavaScript

Node.js/Express MongoDB

Project: Blog application

Application allows add/edit/delete posts

Node.js/Express MongoDB Google API

Final Project: Yelp camp

Every user can add campgrounds, edit their campgrounds and comments to any campgrounds. Also a user can edit his profile information

Node.js/Express Bootstrap 4.1

Project: Movie search

Application allows to search movies by omdbapi

HTML CSS

Dancing robot

Realization of different css tramsforms

HTML CSS Bootstrap 4.0

Landing page with subscribe button

Simple page with subscribe button leading to MailChimp form

HTML CSS JavaScript

Background gradient generator

Generation of gradient background by picking two colors or by random colors

HTML now-ui-kit

Code Challenge #8: Create landing page (Rules)

I created landing page for small funny souveniers made from paracord by my housband

React.js tachyons

Project: Robot Friends

First simple React.js application with getting data from jsonplaceholder

React.js Node.js Postgresql tachyons

Final Project: Face recognition

Client-server application. Uses Clarifai-API for finding faces in uploaded images

React.js Bootstrap 4.1

Project: Starwars characters

Application shows characters from StarWars universe by SWAPi

HTML Bootstrap 4.1 JavaScript

Quote Generator

Get random quotes from api.forismatic

HTML Bootstrap 4.1 JavaScript

Current weather

Get weather at your location by fcc-weather-api

HTML Bootstrap 4.1 JavaScript

Wikipedia search

Search in wikipedia in English or Russian, or get random article

HTML Bootstrap 4.1

Project #1: Tribute Page

A tribute page dedicated to Elon Musk

HTML Bootstrap 4.1

Project #2: Survey form

Simple survey form

HTML Bootstrap 4.1

Project #3: Product landing page

Simple landing page

HTML Bootstrap 4.1

Project #4: Technical documentation page

Simple technical documentation page for Bootstrap

HTML Bootstrap 4.1

Project #5: Personal portfolio webpage

Paulo Rodrigues's portfolio project

HTML JavaScript

Turn off scroll

Example page where you can turn off scroll. Includes mobile fixes

HTML CSS Bootstrap 4.1 JavaScript

TODO list

Using provided design create a todo list application

HTML JQuery 3.3.1

Kick the ball

You need to click on the ball, every time it changes it's directions. If you goal, you will see an alert and the game will restart

HTML Bootstrap 4.1 JavaScript

Yandex translate

Simple usage of Yandex Translate API. Service & Documentation

React.js Bootstrap 4.3

Comment list component

React component which can add and display comments

HTML CSS JavaScript Webpack

Click counter button

A simple button component with custom style

HTML Bootstrap 4.1 Gulp

Final project: Portfolio page

Responsive portfolio page built by gulp

React.js Normalize

The React Bootcamp: Speed typing game

Funny game on React Hooks

HTML CSS Normalize

Resizable portfolio

Pretty and simple portfolio page

React.js CSS

The React Bootcamp: Pic some app

This is a project with react, react-router-dom

React.js GraphQL/Apollo

Build an app with React and GraphQL: Pokemon app

This is a project with react, react-router-dom

HTML CSS JQuery 3.3.1

Bubble sorting

1. Choose superheroes or kittens (robohash). 2. Generate array [-100, 100]. 3. Sort it!

HTML CSS Vue.js

Monster game

You have a fight with Monster. You can attack Monster, attack harder, heal youself, and simple give up.

HTML CSS JavaScript

Trello clone

Simple trello clone. You can add tasks/new column, drag tasks/columns, delete tasks/columns by dragging then to the bin

HTML CSS JavaScript

IKEA shop clone

Simple shop clone, where you can add items to wishlist or cart

HTML CSS JavaScript

Keyboard trainer

Simple keyboard trainer with Russian or English keyboard

React.js CSS

Show photos from VK.com

Using VKAPI get photos and show them

React.js CSS

Instagram simple clone

Just simple profile and feed demonstration

Vue.js Material UI

Address book

Usage of vee-validate library, await/async functions, material ui

React.js

React tutorial

Official react tutorial, last version is on hooks

React.js Redux

Redux Tutorial

This is a project with react, react hooks, redux, fetching data from api

Angular

Angular Tutorial

This is an official Angular tutorial

Vue.js Bootstrap 4.1

Quote display

Simple vue project, add quotes and delete them

HTML JavaScript

Canvas Exercise

Funny exercise with canvas

HTML JavaScript

User list

Dynamic table with users