stephen urah

Portfolio

social media app

rock paper scissor game

drawing app

photo editor app

here

About

I am a highly competent software developer with a proven track record in designing websites, networking and creating project for self development over the past learning years . I have strong technical skills as well as excellent interpersonal skills, enabling me to interact with a wide range of clients. I am eager to be challenged in order to grow and further improve my IT skills. My greatest passion is in life is using my technical know-how to benefit other people and organisations.

LANGUAGE & TECH STACK
NEXTJS
REACTJS
NODEJS
SUPABASE
TAILWIND
BOOTSTARP
FIREBASE
GIT / GITHUB

Contact Me

Full name

A name is required.

Email address

An email is required.

Email is not valid.

Phone number

A phone number is required.

Message

A message is required.

log cabin

visit page/try game : here

The Rock, Paper, Scissors project is a web-based game developed using HTML, CSS, and JavaScript, featuring an artificial intelligence (AI) opponent for an engaging gaming experience. The project's primary goal is to provide a user-friendly interface for playing the classic game against a computer opponent.
Key Features:

1. Game Logic: Implemented in JavaScript, ensuring smooth gameplay with rules determining the winner based on user and AI choices.

2. User Interface: Designed with HTML and CSS, featuring a responsive interface for a consistent experience across devices.

3. Artificial Intelligence: The AI opponent makes strategic decisions using algorithms, creating a challenging gaming experience.

4. Scorekeeping: Tracks user wins, losses, and ties with dynamic on-screen updates.

Tech Stack:

Tech Skills Showcased:

Future Enhancements:
1. Enhanced AI Algorithms: Implement more advanced algorithms for increased challenge.
2. Multiplayer Functionality: Introduce multiplayer options for users to play against friends.
3. Additional Game Modes: Expand the project with new game modes to maintain user engagement.

Conclusion: The Rock, Paper, Scissors project demonstrates a blend of programming skills and creative design in web development. The inclusion of an AI opponent enhances the classic game, offering users an entertaining and interactive experience.

try : here

Project Report: Drawing App

Overview:

The Drawing App project is a web-based application designed to provide users with a simple yet versatile platform for expressing their creativity through digital drawings. The application is built using HTML, CSS, and JavaScript, and it offers a range of features, including a variety of colors, brush sizes, and an eraser tool to facilitate a dynamic and engaging drawing experience.

Features:

1. Drawing Canvas: - The heart of the application is the drawing canvas, where users can unleash their creativity by sketching, doodling, or creating intricate drawings.

2. Color Palette: - The color palette feature allows users to choose from a diverse set of colors, enabling them to express their artistic vision with a rich spectrum.

3. Brush Size Options: - Users have the flexibility to select different brush sizes, accommodating various drawing styles and intricacies.

4. Eraser Tool: - The eraser tool provides users with the ability to correct mistakes or refine details without compromising the overall drawing.

Tech Skills Applied:

1. HTML: - Leveraged HTML to structure the web page, creating a user-friendly interface and organizing content elements.

2. CSS: - Utilized CSS for styling and layout, ensuring a visually appealing and responsive design that enhances the user experience.

3. JavaScript: - Employed JavaScript to implement interactive features, including canvas drawing functionality, color selection, brush size adjustment, and eraser tool operation.

4. DOM Manipulation: - Leveraged Document Object Model (DOM) manipulation to dynamically update and modify elements on the web page in response to user interactions.

5. Event Handling: - Implemented event handlers to capture user inputs, such as mouse movements and clicks, translating them into corresponding actions within the drawing application.

6. User Interface Design: - Applied principles of user interface (UI) design to create an intuitive and aesthetically pleasing interface, enhancing the overall user experience.

7. Responsive Design: - Ensured the application's responsiveness across different screen sizes and devices, allowing users to enjoy a consistent and accessible drawing experience.

Future Enhancements:

1. Save and Load Functionality: - Implement a feature to save and load drawings, allowing users to revisit or share their creative works.

2. Undo and Redo Options: - Introduce undo and redo functionalities to provide users with greater control over their drawing process.

3. Advanced Brush Settings: - Expand brush customization options, such as opacity and texture, to cater to users with diverse artistic preferences.

Conclusion:

The Drawing App project represents an exploration of fundamental web development skills, combining HTML, CSS, and JavaScript to create an interactive and visually engaging application. The focus on user-centric design, coupled with a range of drawing tools, offers users an enjoyable and expressive platform. The project lays the foundation for further enhancements and showcases the potential for future development in the realm of web-based drawing applications.

try : here

Photo Editor App Project Report

Overview

The Photo Editor App is a web-based application designed to provide users with a simple yet powerful tool for editing images. The application allows users to upload images in various formats, apply grayscale and brightness adjustments, and incorporates a visually appealing and user-friendly interface.

Technologies Used

HTML5: Markup language for structuring the application.
CSS3: Styling language used for creating visually appealing and responsive designs.
JavaScript: Programming language employed for the app's logic and interactivity.

Key Features

Image Upload: Users can upload images in various formats, enhancing the app's versatility.
Grayscale Effect: Incorporation of a grayscale filter to transform color images into grayscale.
Brightness Adjustment: Users can dynamically adjust the brightness of images for improved visibility.
Styling: Application features a visually appealing and user-friendly design for an enhanced user experience.

Technical Skills Applied

During the development of the Photo Editor App, several technical skills were applied, showcasing a proficiency in:

HTML Structure: Crafting a well-organized and semantic HTML structure to ensure accessibility and maintainability.
CSS Styling: Implementing advanced CSS styling techniques for a visually appealing and responsive user interface.
JavaScript Logic: Leveraging JavaScript for handling image manipulation, user interactions, and dynamic adjustments.
File Handling: Implementing file upload functionality for accepting images in different formats.
User Interface Design: Applying UI/UX principles for designing an intuitive and user-friendly interface.

Conclusion

The Photo Editor App project successfully demonstrates the integration of HTML, CSS, and JavaScript to create a functional and aesthetically pleasing web application. The inclusion of image upload, grayscale, and brightness adjustments showcases a diverse set of skills, ranging from front-end development to user interface design. This project serves as a testament to the ability to apply technical knowledge in a practical and creative context.