ReactJS, Sass, HTML, Vanilla JS, Canvas 2D & MobX
Extensive usage and heavy lifting of HTML Canvas 2D API, Vanilla JS, React & Sass to show the user's performance after training, with arrows & angles and textual feedbacks. Implemented skeleton's shadow, head and skeleton design. Implemented all of the screen's components: custom dropdown, pagination buttons and arrows, pagination functionality, 3D confetti, and much more.
React, Bootswatch, Redux, Node.js, Mongo DB, Mongoose, Express, Bcrypt, Json web token, Multer, Nodemon, Axios, Concurrently, Redux-Thunk
Shopping cart, Product reviews, Top products carousel, Pagination, Product search, User profile with orders, Admin product, user & orders management, Mark orders as delivered option, Checkout process, PayPal / credit card integration
React, Redux, Node.js, Mongo DB, Mongoose, Express, Bcrypt, Json web token, Nodemon, Axios, Concurrently, Redux-Thunk
A Social Network That Includes Authentication, Profiles And Forum Posts.
React, Hooks
Hebrew lorem ipsum generator - choose amount of paragraphs, and the app will create as many Hebrew lorem ipsum paragraphs
React, Hooks, Values.js, react-color
Color generator with color picker
React, Hooks, Redux & Materialize
Add, Edit, Search & Delete Logs. Add & Delete Users.
Uses JSON-Server as a mock backend. Used
Materialize
for the UI styling.
React, Hooks, Context API, Reducer Provider & React Router.
Search & View GitHub Users Using the Github API
React, HTML, CSS
Display UI with 2 select lists for countries and 2 inputs for amounts. Fetch exchange rates from API
(https://api.exchangerate-api.com). Display the values for both countries. Update values on amount change.
Swap country rates.
This project was initially implemented with Vanilla JavaScript. In this project, I have refactored the original implementation and rewritten it in React.
HTML, CSS, Vanilla JavaScript
Display UI with 2 select lists for countries and 2 inputs for amounts. Fetch exchange rates from API (https://api.exchangerate-api.com). Display the values for both countries. Update values on amount change. Swap country rates.
HTML, CSS, Vanilla JavaScript
Display UI with movie select, screen, seats, legend & seat info. User can select a movie/price. User can select/deselect seats. User can not select occupied seats. Number of seats and price will update. Save seats, movie and price to local storage so that UI is still populated on refresh
HTML, CSS, CSS Grid
Pure CSS - No Libraries. Responsive.
HTML, CSS
Pure CSS - No Libraries. Responsive.
HTML, CSS, JS
Pure CSS - No Libraries. Responsive.
HTML, SCSS, JS
Pure SCSS - No Libraries. Responsive.