I am a passionate Full-Stack Developer (Mobile and Web Applications), but more importantly,
I'm passionate about Innovation and
technology.
I believe technology should be used to improve the quality of all life, and
I
look
forward to playing a role in doing so.
Angular, Typescript, JavaScript, HTML 5, CSS, MySQL, PostgreSQL, PHP, Apache web server, Python, Git,
Node.JS &
Express, Docker, Jasmine, Object Orientated Programming, React, Redux, React Native,
Figma, REST API.
My
CV
Stack used:
React, Redux (state management), Redux-Saga (side effect manager), Jest (unit tests), MUI Framework.
Features:
- Web Application
- Scoring System
- Game Reset
- Instruction Modal for Gameplay Rules
Motivation:
*Designed for desktop play
This game features a ball moving inside a hole. The scoring mechanism involves the ball falling into the black floor hole, resulting in a score increase.
If the ball collides with the top boundary of the box, the game ends with a message: "Avoid getting squashed 😬".
Stack used:
React, Redux (state management), Thunks (middleware), RESTful API, React Unit Testing (Jest Framework).
Front-End Features:
- Responsive Web Application & Mobile responsive Design
- Users can initiate recipe searches by clicking the "search" button.
- Users can initiate add ingredient mechanism for adding ingredients to the search. And removing ingredients if they made a mistake by clicking the "remove" button.
- Thunks are utilized to access the provided API, enabling asynchronous API calls.
- API keys are stored in environmental variables for security.
- Seamless user experience allows for multiple subsequent searches without refreshing the page.
Back-End API Features:
- Cross-Origin Resource Sharing (CORS) to enable controlled access from external domains.
- Rate-limiting to prevent excessive requests and ensure API stability.
- Express.js server for robust and scalable request handling.
- Processes and validates client requests efficiently.
- Preflight request handling using HTTP OPTIONS for full CORS compliance.
Task:
Build a recipe search user interface based on
Edamam's Recipe Search API
.
Stack used:
React, Redux (state management), MUI Framework.
Features:
-
Configurable Grid: Customize grid dimensions (e.g., 2x2, 3x2).
-
Timer: Track game completion time with a displayed message.
-
Card Flips: Count and display total moves upon game completion.
-
Matched Card Prevention: Disabled after successful matches.
-
Testable Code: Rigorous testing for code functionality and adaptability.
-
Post-Game Interaction: Disable cards post-game with feedback messages.
-
Card Click Accuracy: Prevent multiple clicks and ensure accuracy.
Stack used: HTML, CSS.
Responsive Web Design
A Tribute Page Of The Life Of Nelson Rolihlahla Mandela.
Stack used: HTML, CSS.
Responsive Web Design
JavaScript Array Technical Documentation Page