Full-Stack Engineer | UX Design React · Node · Next · AI Integration
Welcome! I'm Douglas T. Angram, and I live in Davenport, FL, southwest of Orlando. I've provided frontend/backend development and ux design
for non-profit corporations and organizations, for-profit corporations, small businesses and volunteer projects.
I have a passion for producing practical web solutions. Check out my projects to see how I've satisfied my passion. Thank you for visiting!
Hero Log is an AI-powered comic book collection manager featuring Claude AI image scanning, collection insights, OpenAI vector embeddings and Search the Multiverse, which is a natural language search engine that lets collectors find comics across their collection and beyond.
Technologies:
React, Redux, Node, Express, PostgreSQL, Sequelize, pgvector, Claude AI, OpenAI Embeddings, TypeScript, OAuth 2.0, JWT, Jest, React Testing Library, Material UI, CSS Modules, SASS
Comic book collectors need a place to shop for comics to add to their collection. The issue was that their are a lack of online stores for buying comic books.
I resolved this issue by creating a shopping cart using React and Redux to update the cart, then I used CSS, SASS, Bootstrap and Material UI to style the website.
Technologies:
React, Redux, CSS, SASS, Bootstrap, Material UI, UX Design
The art of Music is becoming hard to find in today's songs. The issue is that today's artists are not being educated about music's
history and how their predecessors executed music theory. Because of this, I wanted to make a quiz game about music. Users will
create quizes that will educate the player about music. Express, Sequelize, PostgreSQL were used to add users
and create quizzes. React, Redux, HTML5, SASS, CSS3, jQuery and Bootstrap were used for UX and frontend functionality. With this app,
functions as expected and will meet the needs of the user.
The pre-k department wanted a better representation of their department. The issue was that the current site was not what the department leader wanted
as their representation. I knew the site needed to be responsive and completely different from the current site. I used semantic HTML5, alt tags, title tags,
adding proper contrast between the font and background and other techniques to make the website ADA compliant. I used HTML5, CSS3,
Foundation and jQuery to make the site responsive, improved user experience and functional. For the Staff page, I used PHP to query MySQL then Axios and React to display all of the text queried from the database.
A psychologist started a business. The issue was that the owner wanted a web presence that would provide information about the business. I knew the site
needed to be responsive and get high rankings on Google to gain site traffic. I used SEO, semantic HTML5, alt tags, title tags, meta keywords and a meta description.
I made the site ADA compliant throught the SEO techniques and by adding proper contrast between the font and background. I used HTML5, CSS3 animation, SASS,
Foundation and jQuery to make the site responsive, improved user experience and for functionality.
Technologies:
UX Design, Google Map API, jQuery, Node, Gulp, Responsive, HTML5, CSS3, SASS, Foundation, Logo Design
There are a limited number of Internet radio stations that play classic Hip-Hop music. The ones that do, only play select songs repeatedly.
My approach was to offer a service that would be very affordable and play a large variety of classic Hip-Hop. The station would also play
Alternative Rock and Pop. I used Bootstrap, HTML5 and SASS to make the site responsive. I used localStorage for the signin and signup forms.
I stored the songs in JSON and used AJAX to load the songs. I used OOP JavaScript programming for the site's functionality.
This website will be fully functional when it's connected to a database that will allow user to create their own playlists.
Little Lemon is a Capstone project with mockups and prototypes creted in Figma and developed using React, React Hooks, Redux, Jest, React Testing Libary, Semantic HTML5, CSS Modules, WCAG2, APIs & REST.
This is a mockup for G-Hunt, my geocaching app. I drew my lo-fi wireframes on graphic paper and produced my hi-fi wireframes and mockups
in Adobe Photoshop, Adobe Illustrator and Adobe XD.
U-Log a design for my app that allows users the ease of keeping inventory of their collections or creating lists.
I created a style tile, style guide and mockups, which were all created using Adobe Photoshop, Adobe Illustrator and Adobe XD. These can be viewed
on Behance.net.
The prototype for a smartphone can be viewed in
Adobe XD.
Music Resurrectus Mockups
Prior to creating my Music Resurrectus website displayed in my Projects section, I created mockups for the site for mobile
and desktop views. I created the mockups using Adobe Photoshop and Adobe Illustrator.
I designed mockups for my Hero-Log website using Adobe Photoshop, Adobe Illustrator and Adobe XD. The prototype can
be viewed in Adobe XD.
Music Trivia UX Design
The art of Music is becoming hard to find in today's songs. The issue is that today's artists are not being educated about music's
history and how their predecessors executed music theory. Because of this, I wanted to make a quiz game about music. Users will
create quizes that will educate the player about music. PugJS template, HTML5, SASS, CSS3, jQuery and Bootstrap were used for UX
and frontend functionality. With this app, functions as expected and will meet the needs of the user.
The prototype can be viewed on GitHub Pages.
