William Valadez

SoundSculpt

Site

Realtime customizable music for video creators.

Architected, designed, and developed SoundSculpt's Content Management System (CMS) from start to finish, evaluating build vs. buy. Including: database schemas, database queries, RESTful API, and Frontend UI/UX.
Developed and Designed SoundSculpt's AI-powered chat experience, organizing context, configuring functions, and integrating with core application logic.
Implemented SoundSculpt's frontend UI for homepage, songs list page, according to designer specifications. Implemented all frontend aspects for SoundSculpt's blog page, including UI/UX design and frontend development.
Analyzed data (LogRocket) to optimize site usability, driving iterative improvements aligned with identified growth strategies and enhancing user experiences.
Collaborated across teams, proposing innovative features and actively participating in design systems and dynamic brainstorming sessions to drive product growth and enhance user experiences.
Organized and outlined weekly action items, aligning software development tasks with identified growth strategies, ensuring a cohesive approach toward strategic objectives.

William Valadez

Contributer

Google

DevHead

Site

Code

Social Media app for developers - integrate github and leetcode - streamline your portfolio site.

Developed a social media app for developers, showcasing coding projects, skills, and statistics.
Created features including: profile creation & editing (skills section, about section, image, github/leetcode integrations, portfolio pieces), commenting, liking, following.
Integrated LeetCode and GitHub profiles via GraphQL APIs.
Engineered RESTful API endpoints for efficient data processing.

William Valadez

Springboard Capstone Project

Google

CrimeScope

Code

AI safety tips according to location & crime data. Note Deleted Live Site.

Clear Crime Data Presentation: Simplified US crime trends representation with percentages and tables.
Personalized Safety Tips: AI-generated advice tailored to location and crime type, offering varied responses.
Community Engagement: Encouraging user contributions, sharing experiences, and safety tips.
User-Friendly Experience: Seamless flow from registration/login to city-based crime search and interactive feed.
Customizable User Profile: Allows users to update information, manage posts, and delete their account.

William Valadez

Springboard Capstone Project

CrimeScope

Jobly

Site

Code

A job search web clone.

Implemented Node/Express backend API routing and developed a custom ORM with node-pg for efficient database queries.
Designed and implemented an API class to facilitate seamless integration with the backend API on the front-end application.
Created an intuitive user interface leveraging React & Tailwind CSS for UI.
Ensured robust user authentication using JSON web tokens, bcrypt, and middleware for enhanced security measures.

William Valadez

Springboard Project

Google

SnapShuffle

Site

Code

An image search website.

Developed a frontend application aimed at learning GSAP animation and Styled-Components by quickly building the project while relying on documentation as the primary learning resource.
Utilized the Pexels 3rd party API along with their SDK to integrate image search functionality.
Crafted an intuitive and aesthetically pleasing UI using Styled-Components & React.
Implemented a search form that interacts seamlessly with the Pexels API for fetching images.

William Valadez

Project

Google

Boggle

Site

Code

Find as much words to beat your hi score!

Interactive Gameplay: Offers an engaging Boggle game experience with a timer, allowing users to input guesses.
Input Validation: Validates user-provided words against the generated Boggle board for correctness.
Score Tracking: Dynamically tracks and updates the user's score based on the validity and length of guessed words.
Backend Integration: Utilizes Python Flask to manage game actions, including word validation and score management.

William Valadez

Project

Google

Weather App

Site

Code

Ahh the classic weather app 🥱

Developed a weather application using vanilla JavaScript that utilizes the OpenWeatherMap API to display real-time weather information.
Implemented dynamic weather display functionality, updating details such as temperature, humidity, wind speed, and weather condition based on user input for a specific city.
Crafted an intuitive user interface with an animated search bar and a responsive card layout to present weather details in an easily accessible manner.
Integrated the OpenWeatherMap API using JavaScript's fetch function to retrieve and display weather data, ensuring seamless information retrieval and display within the application.

William Valadez

Project

Google

Connect4

Site

Code

Get four in a row and you win!

Developed an object-oriented Connect Four application using vanilla JavaScript.
Created a captivating, animated UI using vanilla JS and CSS, demonstrating adept interaction with the Document Object Model (DOM).
Enhanced DOM manipulation skills by directly interacting with the Document Object Model, enriching the user experience.
Implemented Connect Four game logic and integrated/modified Michael Beckius's Confetti CodePen for added interactivity.

William Valadez

Project

Google

Dank Memez

Site

Code

Create some crazy memes and troll the internet!

Developed a meme generating application using vanilla JavaScript to create custom memes with user-defined top and bottom text over an image.
Implemented form validation for the image URL entered by the user, dynamically checking for the validity of the URL before generating the meme.
Created a responsive user interface with form inputs for image URL, top text, and bottom text, allowing users to generate memes seamlessly.
Utilized event listeners to handle form submissions and user interactions, enabling the addition and removal of generated memes dynamically.
Employed DOM manipulation techniques to dynamically create and display memes in a container with user-provided text over the chosen image.
Incorporated hover functionality on memes for deletion, enhancing user interaction and experience within the application.

William Valadez

Project

Google