Projects
I've worked with start-ups and tech companies on a range of different projects, from collaborating, contributing and brainstorming, to website design and component creation.
Skills
- JavaScript
- HTML
- CSS
- Figma
- React
- Tailwind
- Nextjs
- TypeScript
- WCAG Accessibility
- Jira
- Python
- Django
// Check out my recent work experience and design prototypes.
// To view some source code click here.
// Check out my recent work experience
// and design prototypes.
// To view some source code clickhere.
Quality, Accessibility, Usability
With 8000+ pages, documents, and various integrations, working for SUU has kept me busy! As a Web Developer at a university dedicated to student success and quality information, I design and prototype web components and pages, manage the rollout of new features, bug fixes, and updates to the JavaScript and SCSS codebase. I ensure seamless integration between the HTML/CSS frontend and Cascade CMS, with a strong focus on SEO, Quality Assurance, and WCAG Web Accessibility compliance. Collaborating closely with various departments across campus through the Jira ticketing system, I address content needs and develop new pages and components. My accomplishments include building new pages by gathering requirements, creating mockups, iterating, and deploying. I am also highly involved in revamping outdated components and pages to enhance UI/UX design, promote acessibility and usability, and ensure a quality experience for all users. I am proud to be part of an organization that is centered around helping their students learn, grow, and succeed in their future careers.
Skills used here
- JavaScript
- HTML
- CSS
- WCAG Accessibility
- Jira
Creating a platform for easy Machine Learning integration for every enterprise.
Idea → design → code
Branch is an up and coming start-up focused on bringing machine learning to the masses. Although currently in the beta phase, they hope to launch soon. For the last year and a half I worked as a frontend UI/UX designer and react developer for Branch. From brainstorming product ideas and sketching potential designs to full page prototypes and responsive react components. I created page layouts and component designs in figma, collaborating with the founders and other team members to create a functional, fully responsive and eye-pleasing application. I used technologies such as Next.js and Graphql to implement fast and responsive pages and styled them with Tailwind. All and all this work pushed me to grow and helped me get my feet firmly planted in the world of tech! This project was initially developed as a prototype for Branch's Data monitoring dashboard. I also worked on a dataset labeler for sorting and labeling datasets meant to train our machine learning models. The figma design is linked above.
Skills used here
- JavaScript
- HTML
- CSS
- Figma
- React
- Tailwind
- Nextjs
- TypeScript
Providing Citizens and Elected Officials with a way to communicate on local policies and governance.
Breaking into the tech world
I spent the majority of 2021 as a paid intern at TiP (Transparency in Politics) building their web app with Python, Django, HTML5, and CSS. This was my first professional position in the developer world and helped jumpstart my love of all things tech! My work included all frontend design and integration, animations, and transition effects. Although I don't claim to be a full-stack engineer, I was also fairly involved in the backend. From processing data and writing user-handling logic to database integration with SQLite. Sadly I had to stop work with TiP when the componay lost funding.
Skills used here
- JavaScript
- HTML
- CSS
- Python
- Django
Looking professional
Xplore is an impressive travel website frontend comprised of 11 pages, loads of animations and effects, beautiful design elements and color scheming, and lots of work to make this 'practice' project as close to industry standard as you can get. This project forced me to expand my abilities as a designer and developer and push for excellence.
Skills used here
- JavaScript
- HTML
- CSS
- Figma
- React
- Tailwind
Login with username and password: 'guest'
A personal project I have been working on to improve my knowledge of React Hooks and connect with my friends! A full fledged web application including authentication, channels, direct messages and threads. Fully capable of sending images, videos, gifs and emojis. This is admittedly not the most beautiful design scheme, but the focus was on functionality not front-facing design. Built using the getstream api, react useContext, localStorage, and much more.
Skills used here
- JavaScript
- HTML
- CSS
- React
- Tailwind
Would you buy this design on Amazon?
Indigo is an ecommerce based frontend web application created to familiarize myself with and demonstrate use of TailwindUI template elements and is built on the React.js framework. I was introduced to tailwind by a friend and wanted to check it out. I spent a few hours making this site and I loved it! For anyone who doesn't use tailwind in their projects, you should!
Skills used here
- JavaScript
- HTML
- CSS
- Figma
- React
- Tailwind
Let me introduce myself
This webpage was my initial portfolio. It domonstrates knowledge in React.js, web-hooks, HTML, CSS, Scroll Effects, multiple page integration, and decent Web-Design. Obviously the look and feel of this site didn't feel quite right because I redesigned it to what you see now! Do you think I improved on anything?
Skills used here
- JavaScript
- HTML
- CSS
- React
Get the ball rolling
Traverse is a travel-guide type website frontend with clean-cut cards, fantastic footers, and creative content. Built with React.js, Traverse is a simple, yet elegant beginner javascript Web Project. This was my first ever React project. Watching youtube tutorials, scrolling stack overflow, and learning how everything worked. This was my start to a promising career as a frontend developer.
Skills used here
- JavaScript
- HTML
- CSS
- React
Let's work together
I am excited to learn about your next project! Reach out and we can build it together.
Contact me