Challenge 18 Website
A new, modern website built for startup company Ting Global, which conducts the Challenge 18 project of sustainability and leadership games. Featuring a unique, beautiful, modern design, the website includes a variety of informative pages about the company and its project, a user dashboard and a complex, highly-functional Challenge Editor, which users can use to start their own challenges and invite others to join them.
Realtime Chat App
A social chat app built with Vue.js, Node/Express and Socket.io. The app allows users to sign up, create and edit their profiles, explore other users of the app and chat with them. The chats, as well as the user's My Chats page, are updated in realtime when the user receives a message or when a message is deleted, while featuring a well-designed and animated interface.
Github Timeline App
This app allows users to submit a Github username and generate a graphical timeline of the user's repositories, as well as a chart tallying the number of repositories per year. The app, fetcching data from the Github API, creates a well-structured graphical display of the data, with unique design and animations. Users can also view the history of all their valid searches, which is saved into their browser's storage.
Myteam Website
A beautiful three-page website with a rich color scheme, featuring a quiet complex layout with a lot of transformations between different screen sizes. The site includes a wide variety of unique, well-detailed, fully-responsive sections and features. Among its highlights are an animated mobile menu, a testimonial section, the directors' cards with animated switching content, and a responsive contact page with full form validation.
Designo Website
A seven-page website for a fictional design firm, featuring a variety of different page templates, sections and decorative elements, with smooth transitions between the site's pages. The website's Locations page includes real interactive maps for the company's locations, while the Contact page features a fully-validated contact form with animated error messages.
Where in the World?
An app that displays information on all of the world's countries, fetching data from the REST Countries API. On the website's homepage users can search for countries by name, as well as filter countries by their region. By clicking on a country's card, users can view a page with detailed information about the country. The user can also switch the website's theme between Dark and Light mode.
Scoot Website
A four-page website for a mock company called Scoot. This website includes a wide variety of complex design features, decorative elements and background patterns, a unique layout, and a lot of small details that change drastically between different screen sizes, which I made completely responsive.
Sudoku Game
A sudoku game with three levels. The app requires the user to create an account or login in order to start playing the game. Once the user is logged in, their total score is saved into their account, as points are awarded based on the number of wins and the levels played.
Rock, Paper, Scissors, Lizard, Spock
An extended version of the classic Rock, Paper, Scissors game. With a unique design and interface, and beautiful animations and transitions that highlight every step of the game, this app turns this rather simple game into a fun, even addictive experience. The user's total score is retained even after refreshing the browser.
Dine Website
A two-page website for a demo restaurant called Dine. The Home page features a variety of complex, beautifully designed sections, including a slider with switching content. The Booking page includes a responsive, fully-validated reservation form, including complete and accurate validation for the date and time entered by the user.
Clock App
A clock app displaying information based on the user's IP address. The app displays an auto-updating clock, the user's timezone and additional details on the current date and week, while the site's theme and background image are updated automatically based on the current time. The app also includes a random quotes feature, which the user can refresh to generate new random quotes on the fly.
To-Do List App
A To-Do app allowing users to add or delete items, mark items as completed, and filter the list to view only active items or completed ones. The user can drag-and-drop the list items to change their order, and the list in its updated order is saved into the browser's storage and retained after reloading the page. Users can also toggle the site's theme between Night Mode and Day Mode.
URL Shortening Landing Page
A landing page for a mock company called Shortly, which manages shortened links for business clients. This page also serves as a functional web app, allowing users to generate shortened URLs, copy them to their clipboard, and keep the list of their shortened URLs even after refreshing the browser.
Job Listings with Filtering
This page includes a beautifully-designed, fully-responsive set of demo job listings, with each listing including a list of its categories (the role, the level, and the required languages and tools). Users can dynamically filter the job listings by category.
Manage Landing Page
This beautiful landing page features a rich, detailed layout, with unique background patterns and a lot of changes between differnet screen sizes. Among its highlights is the fully-responsive testimonial carousel, which has completely different configuration for desktop and mobile devices.
Easybank Landing Page
A landing page for a mock company that offers banking solutions. This page is highlighted by its rich use of color gradients, its two repsonsive grids of features and article thumbnails, and the bledning of the intro image with its background pattern.
Chat App Illustration
This mockup of a chat app's interface is built entirely from scratch with CSS, complete with various common features of a chat app and beautiful background patterns. The chat's elements are animated when the page is loaded, simulating an actual chat conversation. This mockup is completely responsive to any change in the screen's width or the browser's font size, and feels like an actual image on the screen.
Social Media Dashboard
A demo dashboard of a user's activity across social media platforms. This page features two fully-responsive grids, an accurate, detailed layout of the cards' content, and the option to switch the dashboard's theme between Dark and Light mode.
Bookmark Landing Page
A unique landing page featuring a responsive tabs section with animated panels, background patterns built entirely from scratch with CSS, a FAQ accordion and a unique arrangement of the call-to-action cards.