Projects

Projects

Booking Website

I have currently developed a website for local Beauty Salon. The website provided me the opporunity to apply the skills that I have learned not only in coding, but also in being able map and place a fully functional website created from scratch. The website is but an example of my html, Javascript and CSS3 Skills.


Skills Archivied
  • Developed a fully functional appointment booking website for Maps Beauty Bar.
  • Implemented dynamic features such as dropdown menus that populate options based on user selections.
  • Ensured form validation for input fields to maintain data integrity.
  • Enabled email notifications for both customers and the owner to receive booking confirmations.
  • Created a responsive and visually appealing user interface.
  • Showcased problem-solving skills by addressing challenges related to data handling and user experience.
  • Successfully integrated various technologies to create a user-friendly solution.
  • Gained practical experience in web development and design, enhancing skills in front-end development.
  • Created a professional and visually appealing website that enhances the customer experience.

JavaScript Game

I developed this a Breakout Game to demostratemy my javascript skills but more than that my problem Solving skills. Although the game is still an on going progress.

Skills Applied
  • JavaScript DOM Manipulation: manipulate the Document Object Model (DOM) using JavaScript to dynamically create, modify,
    and interact with HTML elements.
  • Event Handling: attaching event listeners to elements and responding to user input, such as keyboard events and button clicks.
  • Game Logic and Mechanics: implemented the game logic and mechanics, including the movement of the ball and user paddle,
    collision detection, scoring, and level progression. This involved understanding concepts like coordinates, directions, collisions, and game states.
  • CSS Styling: applied CSS styling to enhance the visual presentation of my game, including the positioning of elements,
    color schemes, and animatio
  • Audio Integration: incorporated sound effects into my game, such as block hits, wins, and losses, by utilizing the HTML5 Audio API
    and controlling audio playback programmatically.
  • Problem-Solving and Debugging: encountered challenges while developing my game and had to troubleshoot issues, debug errors,
    and find solutions. This process helped improve my problem-solving skills.
  • Iterative Development: Throughout the project, I iterated on my code, making improvements, and refining the game mechanics
    based on feedback and testing.
  • Project Management: gained experience in project management, such as planning, organizing code files, setting goals,
    and dividing tasks into manageable steps.

Github Profile Page

Skills Implemented
  • Integration with external APIs.
  • Basic knowledge of API authentication using an API key.
  • Experience working with JSON data.
  • Basic knowledge of GitHub for version control and hosting the profile page.
  • Handling API responses using async/await and try/catch blocks.
  • Fetching data from an API using the fetch function.
  • Utilizing CSS flexbox or grid for layout positioning and responsiveness.