Evan Marie Carr: Data Science, ML, & AI

Glow Cursor and Unblur Image Components

This interactive demo combines two engaging visual effects. The first is an image that starts blurred but gradually becomes clear as the user hovers over different sections, creating a captivating reveal effect. The second is a stylish glowing cursor that follows the user's mouse movement, adding a touch of elegance

🍜 MothRamen Noodle Bar

Excited to share my latest project - MothRamen, a captivating website for a unique ramen bar experience! 🍜🦋 MothRamen is a captivating website that immerses users in the unique world of a ramen bar. With its stunning parallax scrolling design, the site takes visitors on a visual journey through the restaurant's

💬 Chatter.DarkViolet.ai

Introducing Chatter - the ultimate roleplaying chat app that brings your favorite characters to life! With Chatter, you can: Create custom characters with unique appearances, personalities, and backstories Chat with your characters using keyboard or voice input - Create engaging scenarios involving two characters Play as either of the characters

Parallax Shifting Image Component - DarkViolet.ai

The Parallax Shifting Image component is a visually captivating and highly customizable Remix-Tailwind component. It creates a dynamic parallax effect by dividing an image into multiple sections and animating each section independently. Key Features: Customizable animation cycle duration Adjustable number of image divisions Configurable minimum and maximum number of vertical

CSS Animation Experiments

Immersing myself in the world of animation has been an exhilarating journey, as I strive to elevate my web design skills by incorporating fluid transitions and captivating animations that enhance user engagement. Through tireless exploration and experimentation, I have cultivated a deep appreciation for the art of bringing static elements

DarkViolet.ai

I am SO happy to announce that after exactly one week of EXTREMELY hard work, we have compiled all the work we have done over the past several months and created DarkViolet.ai, the central location for all of our DarkViolet.ai endeavors! Check her out! https://www.darkviolet.ai.

One component to rule them all!

Today I made my own little gem: an animate on scroll component that works beautifully in Remix / React with typescript and tailwind by way of Framer Motion and Intersection Observer. It was glorious to see the flawlessness of the execution once I got it perfect. Check it out on GitHub:

💜 Remix / Tailwind Infinite Scroll Masonry Grid 💜

So excited to have gotten this so smooth and beautiful. It might be my favorite component thus far. It is flawless from mobile to ultraHD, from 300px to 4000px! Play with the code: https://github.com/EvanMarie/remix-vite-tailwind #remix #remixrun #tailwindcss #tailwind #components #webdev #uiux #uiuxdesign #sopretty 0:00/1&

😄 Infinite scroll with intersection observer

💜 Remix is my jam! #react #remixrun #remix #webdev #appdev #programming #uiux #uiuxdesign #codinglife View the code on GitHub 0:00/1×

Remix-Vite-Tailwind Template with Flat Routes

GitHub Repo Welcome to the ultimate starting point for your web development projects: A comprehensive template designed to integrate Remix, Vite, and Tailwind CSS with a focus on flat routes and an extensive Tailwind configuration for seamless design flexibility. Features Remix with Flat Routes: Use the full power of Remix,

animation

Enhanced Animate-on-Scroll

Animate your website's elements with style! This library builds upon the foundation of the popular Animate-on-Scroll (AOS) library but adds an extra layer of flair, customization, and detailed guidance. Check it out here! | GitHub Features 🌈 Rich animations with extended easing functions. 🕰 Adjustable durations, delays, and offsets for precise control. 💡 Enhanced

css

CSS Animations

This is dedicated to my kiddos who do AWESOME web/app design in homeschool computer science! GitHub | CSS | Try it! This mini-app provides an interactive way to preview various CSS animations. Simply select the desired animation and its duration, and witness it in action on an example image. If you

full stack

📔 Dear Diary - a full stack Remix app!

Welcome to Dear Diary, your new favorite online diary application! With a focus on simplicity and beauty, this full-stack app provides an engaging platform for users to pen their thoughts, ideas, and memories. Tailored with a sleek UI, Diary Master isn't just another diary app; it's your daily companion that

web design

50lbs of flare in a 10lb app! (👀)

Contacts Maxx takes the foundational structure from a typical Remix contacts app and elevates it to new heights. This vibrant, feature-rich application not only allows users to keep track of their contacts but also enriches daily life management through a multi-feature dashboard. Users can indulge in daily wisdom quotes, chuckle

react remix

Remix, Stripe, Sanity: E-commerce done right

Build a modern and cutting-edge E-Commerce application using the power of Remix.run, Stripe for payment processing, Sanity.io for content management, and Tailwind.css for a visually appealing user interface. Features Remix.run: Use the capabilities of Remix.run's web framework for fast navigation and efficient data fetching. Stripe:

appdev

🎨 Chakra-UI Component Library

Recently, I decided that in order to multi-task (a favorite pastime of mine), I would create a site as a sort of notebook of my work with Chakra UI and Remix. I found myself wanting to learn so much about both at the same time. So I set off on

app development

🕹️ Enhanced Game Hub App

I have been working very hard on sharpening my React skills so that I can take my data science work to the next level. Here is my new and improved Game Hub app project. It now has a game detail page for every game, complete with summary, screenshots, attributes, and

react

🎯 GameHub App

Here is my most recent project utilizing React, typescript, and Vite. It is a relatively simple but design-savvy game hub application that can sort, search, and explore all the games available from the Rawg API. You can check it out here on Vercel. Video Overview: 0:00/1×Dark

react

🤯 From Python & Pandas to React.js

The chosen image for this piece reflects the only slightly metaphorical dumpster fire that I have been for the last 2 days as I dive oh-so-deeply into React.js with Vite and Typescript. It is not an altogether horrible experience. In fact, the React part has been enjoyable. But trying

javascript

ChatGPT, teach me how to...EVERYTHING!

ChatGPT is officially my best friend ever for as long as I live. It is the best teacher I have ever known. All I have to do is tell it what I want to learn, and it gets me started. It helps me along the way, and I am learning

ai

ChatGPT, NLP, & AI: Where is this train headed, and who is steering?

Few people grasp the significance of the unbelievable advances that were made in just days from ChatGPT 3.5 to 4, not to mention everything that came before the beginning of 2023, just 3 short months ago. But for those of us who do have an inkling of a clue,

web scraping

🕸️ Web Scraping with Selenium and Beautiful Soup

This is my first article in a while. There are a couple of reasons for that. First, I have been working VERY hard on a substantial project that I am very excited about and have barely looked up from it to do much else. And secondly, a tree fell on

prophet

🔭 PROPHET: the good & the meh

Prophet, formerly known as fbprophet, is a time series prediction machine learning model that is praised for ease of use, functionality, and performance. I have seen it drastically outperform ARIMA and SARIMAX models, and so I decided to put it to the test with some challenging data. What I found

APIs

📈 Alpha Vantage API Overview

I spent some time recently working with the Alpha Vantage API for financial data, and while the experience left me slightly underwhelmed, there were still some worthwhile aspects of the API that I feel deserve acknowledgement. The first thing I really appreciate about Alpha Vantage is the people. When I

time series data

🛠️ Custom Jupyter Helper Functions

I live inside Jupyter notebooks for the vast majority of my waking hours. And I love it there. But I have also put in some serious hours toward making my Jupyter home beautiful, happy, and efficient. In this article, I will share with you some of my very favorite custom