Giter Club home page Giter Club logo

Dylpark's Portfolio

Welcome to the repository for my personal portfolio website! This site is a creative space where I showcase my projects, skills, and professional journey. Built with modern web technologies, it reflects my passion for web development and design.

Screenshot 2024-03-05 at 6 47 49 pm

Technologies Used

This portfolio is built using React and leverages a variety of libraries and frameworks to create a dynamic and interactive experience:

  • React: A JavaScript library for building user interfaces.
  • React Three Fiber & Drei: Used for adding 3D elements/animations to the site.
  • Framer Motion: Implemented for smooth and complex animations.
  • Maath: Utilised for mathematical calculations, particularly with 3D animations.
  • React Router DOM: Manages navigation within the application.
  • React SVG: Allows for the direct use of SVGs in the React components.
  • React Tilt: Adds tilt effects to the UI elements.
  • React Vertical Timeline Component: Creates an elegant and responsive vertical timeline.
  • Three.js: A cross-browser JavaScript library/API used to create and display animated 3D computer graphics in a web browser.
  • EmailJS: Enables sending emails directly from the frontend without needing a backend server.

Development Tools

  • Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
  • TailwindCSS: A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
  • PostCSS & Autoprefixer: Used for transforming CSS with JavaScript and automatically adding vendor prefixes to CSS rules.

Dylan Park's Projects

7-min-workout-android icon 7-min-workout-android

7 Minute Workout App I'm currently working on during the 'Android 10 & Kotlin Development Masterclass' (Tutorials EU by Denis Panjuta).

age-in-minutes-android icon age-in-minutes-android

Drawing App created during the 'Android 10 & Kotlin Development Masterclass' (Tutorials EU by Denis Panjuta).

astro-pygame icon astro-pygame

Space Invaders style game. First completed project using Python.

birthday-reminders-react icon birthday-reminders-react

Birthday Reminders is a purely front-end app made with React. A simple interface that shows a list of contacts and thier upcoming birthdays.

bytecoin-ios13 icon bytecoin-ios13

Learn to Code While Building Apps - The Complete iOS Development Bootcamp

calculator-android icon calculator-android

Drawing App created during the 'Android 10 & Kotlin Development Masterclass' (Tutorials EU by Denis Panjuta).

chat-bot-vue icon chat-bot-vue

An exercise in WebSockets and building an interface with Vue/Vuetify.

clima-ios13 icon clima-ios13

Learn to Code While Building Apps - The Complete iOS Development Bootcamp

destini-ios13 icon destini-ios13

Learn to Code While Building Apps - The Complete iOS Development Bootcamp

dice-ios14 icon dice-ios14

Dice app created during 'The Complete iOS App Development Bootcamp', offered by the London App Brewery.

dylpark icon dylpark

Dylpark's 3D Portfolio Site - This site is a creative space where I showcase my projects, skills, and professional journey. Built with modern web technologies, it reflects my passion for web development and design.

eggtimer-ios13 icon eggtimer-ios13

Learn to Code While Building Apps - The Complete iOS Development Bootcamp

flag-quiz-android icon flag-quiz-android

Flag Quiz App created during the 'Android 10 & Kotlin Development Masterclass' (Tutorials EU by Denis Panjuta).

flash-chat-ios13 icon flash-chat-ios13

Starter code for the Flash Chat project in the Complete iOS Development Bootcamp

google-search-clone icon google-search-clone

Google search engine rebuild with React (Next.js) and Tailwind CSS. (Responsive, Server-Side Rendering, Pagination, TypeScript). The app is using Google's Search API to display results.

keeper-react icon keeper-react

Keeper is a purely front-end note taking app made with React. Created during the 'Complete Web Development Bootcamp' offered by The App Brewery.

kids-drawing-app-android icon kids-drawing-app-android

Drawing App created during the 'Android 10 & Kotlin Development Masterclass' (Tutorials EU by Denis Panjuta).

learn-ruby icon learn-ruby

Project Content from 'Learn Ruby' on Codecademy.

linkwave icon linkwave

Linkwave is a Social Link Sharing Platform inspired by 🌴 Linktree where users can publish and edit a profile for their social media links. The goal of this project is to leverage SvelteKits’s rendering capabilities with a variety of user authentication and data fetching patterns.

mini-blockchain icon mini-blockchain

Mini Blockchain created during the 'Learn the Basics of Blockchain with Python Course'. An exercise in building my Python knowledge and learning more about Blockchain technology.

moonphase-ios icon moonphase-ios

Moon Phase is a minimalist, open-source, moon phase tracker. Moon Phase has been removed from the App Store due to issues with the 3rd party weather API.

morse-decoder-swift icon morse-decoder-swift

Morse Decoder written in Swift. Little challenge while working through Swift fundamentals in Codecademy.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.