Overview
Prerequisites:
Developed a full-featured booking system as part of a 12-week Agile internship, collaborating with a client to deliver a seamless scheduling experience.
🚀 Features
✔ Interactive UI – Dynamic forms, filters, and real-time updates.
✔ State Management – Efficient data flow using React Context API (or Redux, if applicable).
✔ Responsive Design – Works flawlessly on desktop & mobile.
✔ Client Collaboration – Iterated based on feedback to meet business needs.
🛠 Tech Stack
Frontend: React.js, JavaScript (ES6+), CSS3, HTML5
Tools: Git, GitHub, npm
Methodology: Agile (Scrum), KanBan Boards
React Event Booking System
A responsive booking platform built with React during a 12-week Agile internship. Features dynamic UI, state management, and Git version control. Developed in collaboration with a client using Scrum methodology.
📥 Installation
git clone https://github.com/your-username/booking-system.git
cd booking-system
npm install
npm start
Audiostack & adclear Advert Generation Demo
Generate a script using the Audiostack API based on the product description.
Generate an advert using the script created in step 1.
Evaluate the advert using the Adclear API to ensure compliance with advertising regulations.
Display the generated advert and evaluation results.
This project leverages the Audiostack and adclear APIs to automate the generation and evaluation of marketing adverts based on product descriptions, ensuring compliance with advertising regulations.
Example Output:
Please provide a product description:
Brown Nugget
Title: Brown Nugget: The Culinary Star
In the mysterious world of culinary delights, the Brown Nugget emerges as a singular star. This tantalizing treat promises unparalleled satisfaction with every bite, captivating food enthusiasts everywhere. Its rich flavors and delightful texture create an unforgettable experience that leaves taste buds yearning for more. Discover this extraordinary delicacy and elevate your dining adventures to new heights!
Tags Culinary Delights Food Enthusiasts Gourmet Treats Dining Adventures
adclear Evaluation Overall Assessment: This will need review to pass the relevant guidelines.
Suggested Changes
The advertiser should provide substantiation for claims about the "unparalleled satisfaction" and "extraordinary delicacy" of the Brown Nugget. These claims could be interpreted as health or nutrition claims, which require evidence under Rule 15.1.
Ensure that any claims made do not imply a health benefit without substantiation to comply with Rule 15.1 and avoid making unsubstantiated health or nutrition claims.
Recommendation: The advertiser should provide evidence or further substantiation .......
Getting Started:
Prerequisites:
To run this application on your local machine, you need to have Node.js (v12.x or later) and npm, which comes with Node.js.
Clone the repository:
bash Copy code git clone https://github.com/your-username/color-picker.git
Navigate to the project directory:bash Copy code cd color-picker
Install the dependencies:bash Copy code npm install
After installing the dependencies, you can run the application on your local development server.
Start the development server:
bash Copy code npm run dev
View the application:
Open your web browser and navigate to http://localhost:3000.
You should see the Color Picker application running.
React + Vite Colour Picker Application
- Color Selection and Harmonies: Choose any color and instantly view harmonious schemes, including complementary, analogous, triadic, and tetradic options.
- Favourites Management: Save favorite colors for quick access and remove them as desired.
- Colour History Tracking: Track all colors selected in the session to easily revisit previous choices.
- Palette Export Options: Export selected color palettes in JSON or CSS format for versatile usage.
Overview:
This project is a simple and interactive Colour Picker built with React. The application allows users to select colours, view harmonious colour schemes, save favorite colours, and export their colour palettes in JSON or CSS format. The app also maintains a history of selected colours, offering an organised and user-friendly experience.
Overview:
Designed and launched a responsive, visually engaging company website in Webflow, enhancing user experience across mobile and desktop devices. Focused on intuitive navigation, accessibility, and cohesive branding, creating a seamless user journey with interactive elements and animations that strengthen engagement and provide an appealing, consistent visual experience across all screen sizes.
Getting Started:
Prerequisites:
Installation
@git clone https://github.com/your-username/frameio-video-downloader.git cd frameio-video-downloader
npm install
npm install puppeteer --save
Usage:
node downloadVideo.js
Dependencies: Puppeteer Node.js
WebScraperFrame
Overview:
Node.js Script uses Puppeteer to automate the process of inspecting a webpage, finding the .mp4 video source and downloading it automatically into your local directory.Prompts the user for a Frame.io Link Automatically extracts and downloads the.mp4 video file from the link Saves the video to the local directory.
Overview:
I designed and implemented a two-player Black Jack game utilizing Java and Object-Oriented Programming (OOP) principles. This project involved creating robust game logic, managing arrays for card distribution and player hands, and solving complex problems related to game rules and mechanics. Through this, I enhanced my skills in OOP, problem-solving, and software development.
