Freelance Designer and Developer

What i do

I specialise in JavaScript and JavaScript related libraries and frameworks like React, React-Native, Next.js and Node Accommodated by other skills like UI/UX design in Figma, HTML, CSS and database design

Illustrations by Storyset

1

Requirements Analysis & Design

Client Consultation: Gather detailed requirements from clients on application appearance and functionality
Design Planning: Create initial designs in Figma, either low-fidelity or high-fidelity
Frequent Communication: Regularly update clients to ensure all requirements are met
Prototyping: Develop interactive prototypes on Figma to simulate the final application

Illustrations by Storyset

2

Mobile or Web Development

Front-End Development: Build responsive apps and websites using markup & stylesheet languages or JavaScript libraries and frameworks based on the UI design
Styling & Components: Utilize UI libraries like Tailwind CSS, Bootstrap, or Chakra UI for styling and creating standalone reusable components
State Management: Manage component states efficiently using hooks and Redux
Backend Integration: Connect the app to the backend, ensuring security and transparency

Illustrations by Storyset

3

Back-End & Database Development

API Development: Create RESTful APIs using Express and Node.js
Database Integration: Connect APIs to databases such as SQL Server, MySQL, or MongoDB
Security Implementation: Implement authentication and authorization on API endpoints following best practices
Back-End Deployment: Deploy backend applications to web service providers like Heroku or AWS

Illustrations by Storyset

4

Unit & Integration Testing

Automated Testing: Perform automated tests on both production and test code to ensure reliability
Unit Testing: Conduct unit tests in isolation without external dependencies using Jasmine or Jest
Integration Testing: Execute integration tests involving external dependencies to verify system interactions
End-to-end Testing: Test application key functionality UI manually or using a testing tool (Selenium)
NOTE: I only Step in to conduct testing when no dedicated tester is available to ensure application security and reliability

illustration of SEO optimization>
<a class=

Illustrations by Storyset

5

App & SEO Optimisation

Performance Optimization: Optimize modules, components, and media (images, videos) for different screen sizes and devices
Production Build: Use build tools to minimize app size and enhance performance for production
Search Engine Optimization: Implement SEO strategies to ensure your app is easily indexed by search engines in case there is no dedicated SEO expert
Deployment & Maintenance: Deploy the app and provide ongoing maintenance to ensure optimal performance and updates