22Sq. New Business LB
Vue
an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.
Vue
NUXT
a frontend framework built upon Vue. js that offers great development features such as server side rendering, automatically generated routes, improved meta tags managing and SEO improvement.
NUXT
Tailwind CSS
a highly customizable utility-first CSS framework for rapidly building custom user interfaces.
Tailwind
Figma
a collaborative browser-based interface design and prototyping tool.
Figma
Adobe illustrator
a software application for creating drawings, illustrations, and artwork using vector graphics technology.
Illustrator
Javascript
a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.
Javascript
Cascading Style Sheets
a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
CSS
Builder.io
a visual software development platform. Builder serves as a CMS allowing customization and configurization by web developers, while giving drag-and-drop controls to non-developers in the team. Configuration by the developer ensures work performed by other team members fits within the brand and feel of the company.
Builder
A NUXT microsite S.P.A. serving the 22Squared agency as a "new business leave behind" to give to potential clients as a digital business card after initial consultation. The site features various interactive elements, subtle animations, responsive layouts, and modals with a user-controllable carousel. In addition to this, the project has been coded with headless C.M.S. integration in mind (Builder.io)
Private Repository
contact for code info
Dev Doctor
MongoDB
a NoSQL database program, MongoDB uses JSON-like documents with optional schemas.
MongoDB
React
a free and open-source front-end JavaScript library maintained by Meta (Facebook) for building user interfaces based on UI components.
React
GraphQL
an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data.
GraphQL
Node
an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser
Node
Javascript
a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.
Javascript
Cascading Style Sheets
a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
CSS
JSON Web Token
a proposed Internet standard for creating data with optional signature and/or optional encryption whose payload holds JSON that asserts some number of claims.
JWTs
Full stack React application allowing users to securely log in and create their own websites without having to write any code. Users gain access to components leveraging React’s state management for advanced functionality such as regex-based string analyzation on top of 6 professionally designed CSS themes.
Overdrive
SQL
a domain-specific language used in programming and designed for managing data held in a relational database management system, or for stream processing in a relational data stream management system.
SQL
Hyper Text Markup Language
the standard markup language for documents designed to be displayed in a web browser.
HTML
Representational State Transfer
an application programming interface (API or web API) that conforms to the constraints of REST architectural style and allows for interaction with RESTful web services.
REST APIs
Node
an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser
Node
Javascript
a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.
Javascript
Cascading Style Sheets
a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
CSS
Adobe illustrator
a software application for creating drawings, illustrations, and artwork using vector graphics technology.
Illustrator
Adobe Photoshop
Photoshop is a photo editing and raster graphic design software which allows users to create, edit, and manipulate various graphics as well as digital art. It also allows to create and edit raster images with multiple layers in various file formats.
Photoshop
Full stack vanilla JS application written in the MVC architecture. A server side is managed with Node to read, write, and update to an SQL database. Users can log in and view lessons to learn about working on cars, and are then prompted to complete quizzes after each lesson. Passing a quiz unlocks the next lesson. All content and artwork used in the lesson material is original and this project showcases what is possible with a coding knowledge on top of being able to create original art assets in the Adobe creative products.
Mobile App Wireframe
Figma
a collaborative browser-based interface design and prototyping tool.
Figma
Adobe illustrator
a software application for creating drawings, illustrations, and artwork using vector graphics technology.
Illustrator
Adobe Photoshop
Photoshop is a photo editing and raster graphic design software which allows users to create, edit, and manipulate various graphics as well as digital art. It also allows to create and edit raster images with multiple layers in various file formats.
Photoshop
Complete wireframe and UI/UX for full-featured e-commerce application proposed for Barnes & Noble. App planning includes menus, user flows, notifications, touch points, and unique UI interaction tools. App is constructed to adhere to a brand guide.
Portfolio Site
Vue
an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications.
Vue
NUXT
a frontend framework built upon Vue. js that offers great development features such as server side rendering, automatically generated routes, improved meta tags managing and SEO improvement.
NUXT
Tailwind CSS
a highly customizable utility-first CSS framework for rapidly building custom user interfaces.
Tailwind
Figma
a collaborative browser-based interface design and prototyping tool.
Figma
Adobe illustrator
a software application for creating drawings, illustrations, and artwork using vector graphics technology.
Illustrator
Javascript
a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.
Javascript
Cascading Style Sheets
a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
CSS
This portfolio website. Desiged in Figma, built in Nuxt, and styled using Tailwind, this website you are currently viewing features mobile, tablet, and desktop experiences created from the ground-up with no prebuilt templates or animation effects used. All code and assets are original and are chosen to demonstrate custom UI/UX design and code execution as a package.