Dan | Projects

Current Technologies

A powerful React framework for building full-stack applications with features like server-side rendering and API routes.
A minimalistic yet powerful state management library for React that simplifies global state handling with ease.
A utility-first CSS framework that enables rapid UI development by composing classes directly in your markup.
An advanced open-source relational database known for its reliability, feature set, and performance at scale.
A statically typed superset of JavaScript that adds type safety and powerful tooling for scalable codebases.

Filter

NextJS
React
CSS
JavaScript
SCSS
TypeScript
Vite
API
NodeJS
Express
PostgreSQL
SQL

IP Address Tracker

I completed the IP Address Tracker challenge, creating a responsive app that displays users' IP information and location on an interactive map using IPify and LeafletJS.

React
API
Typescript
NodeJS
Express
Vite
Scss
CSS
Javascript

Frontend Mentor

REST Countries API

Built a responsive app using the REST Countries API to display country data with search, filtering, detailed pages, border navigation, and a light/dark mode toggle.

React
API
Typescript
Vite
Scss
CSS
Javascript

Frontend Mentor

Advice Generator App

Created a responsive advice generator app using the Advice Slip API, featuring dynamic advice generation, hover states, and an optimal layout for all screen sizes.

React
API
Typescript
Vite
Scss
CSS
Javascript

Frontend Mentor

Loopstudios Landing Page

Built a responsive landing page using React, TypeScript, Vite, and Sass, featuring hover states, a mobile navigation toggle, and an optimal layout for all screen sizes.

React
Typescript
Vite
Scss
CSS
Javascript

Frontend Mentor

URL Shortening API Landing Page

Developed a responsive URL shortener app using the Clean URI API with React, TypeScript, Vite, and Sass. Features include URL shortening, link history, copy functionality, and error handling.

React
Typescript
Vite
Scss
CSS
Javascript
API

Frontend Mentor

Intro Component With Sign-up Form

Created a responsive landing page using React, Vite, and Sass, featuring hover states, form validation with error handling, and an optimal layout for all screen sizes.

React
Vite
Scss
CSS
Javascript

Frontend Mentor

Base Apparel Coming Soon Page

Developed a responsive coming soon page using React, Vite, and Sass, featuring hover states, form validation with error handling, and an optimal layout for all devices.

React
Vite
Scss
CSS
Javascript

Frontend Mentor

Intro Section With Dropdown Navigation

Created an intro section with dropdown navigation using HTML, CSS, and JavaScript. Features include responsive dropdown menus, hover states, and an optimal layout for all screen sizes.

CSS
Javascript

Frontend Mentor

Stats Preview Card Component

Built a responsive card component using HTML and SCSS, featuring an optimal layout for all screen sizes and styled to match the provided design closely.

Scss
CSS
Javascript

Frontend Mentor

Testimonials Grid Section

Created a responsive testimonials grid section using HTML and SCSS, designed to ensure an optimal layout across all screen sizes while closely matching the provided design.

Scss
CSS
Javascript

Frontend Mentor

Four card feature section

Built a responsive feature section using HTML and CSS, ensuring an optimal layout across all screen sizes while closely replicating the provided design.

CSS
Javascript

Frontend Mentor

Faq Accordion

Developed a responsive FAQ accordion using HTML, CSS and JavaScript, featuring clickable and keyboard-accessible toggles, hover and focus states, and an optimal layout for all devices.

CSS
Javascript

Frontend Mentor

Interactive Rating Component

Created an interactive rating component using HTML, CSS, and JavaScript. Features include number selection, submission with a "Thank you" state, and responsive hover and focus states.

CSS
Javascript