Project Brief

News App that delivers real-time news from The Guardian API in the same layout model as the popular Washington Post website design. Read the latest news on a variety of topics ranging from tech to immigration. App provides a seamless and user-friendly experience with a clean and responsive layout. Users can quickly access the news they want to read with ease and can stay up-to-date on current events as they unfold.

Implementation

- Utilized React with CSS grid and flexbox to create dynamic layouts that were visually appealing and responsive, with the help of SCSS to simplify the styling process and maintain code organization.

- Developed custom hooks to handle common tasks such as fetching data from APIs, handling errors, and creating responsive designs, which helped to simplify the codebase and make it more reusable.

- Used various React hooks like useEffect, useState, and useCallback to manage the state and lifecycle of components, ensuring optimal performance and efficiency using The Guardian API.

Project Brief

Uniqlo App that recreates the design of the original Uniqlo website. Built using the latest technologies and follows the best practices for web design and development, ensuring that it is fully responsive and compatible across all devices.

Implementation

- Used Tailwind CSS framework in conjunction with CSS grid to design a visually appealing and responsive layout in a React project.

- Ensured that the layout was optimized for various screen sizes, including desktops, tablets, and mobile devices.

- Utilized image optimization techniques, such as compression and resizing, to reduce the size of images and improve webpage loading speed.

Project Brief

Designed and developed an e-commerce web application that provides information about on-demand products for customers, giving them the ability to add them to the cart, place orders, and pay for them using PayPal or Credit Card, while keeping track of their shipments.

Implementation

-Integrated the application with PayPal’s API to provide credit/debit card payments through secure channels

-Designed and developed a custom shopping cart and other features using React, Redux, Node.js, React Hooks, and other modern practices that automated operations and workflows

-Implemented a file upload system using Node.js that handles attachments properly and securely, preventing breaches and other issues

Project Brief

An e-commerce website that allows customers to buy books depending on filters such as category, programming languages, or price range. Also, they can place orders and pay for them through PayPal or Credit/Debit Cards, as well as tracking them using their account.

Implementation

-Implemented a secure payment gateway through PayPal and Credit Card, without exposing credit card data or confidential details

-Utilized MongoDB and Mongoose to supply a RESTful API, using modern techniques to minimize requests to the back-end through local storage or other specific, secure, and fast tools

-Developed an authentication system based on JWT (JSON Web Token), a Node API that follows the MVC architecture, and React reusable components that ensured a high level of scalability and adaptability across multiple environments and devices

Implementation

-Designed and developed an extensive, highly-scalable, and secure back-end API with Node.js and Express.js

-Enhanced the API and app security by using JWT (JSON Web Token) to protect routes, endpoints, and the authentication process

-Developed CRUD-based operations using MongoDB and Mongoose that generated expected results to address business problems

-Integrated the app with Redux that helped centralize the state without affecting performance or disrupting child components

-Implemented post-build scripts and deployed the application to Heroku that allowed me to monitor and perform rollbacks if needed

Project Brief

Designed for consumer to be able customize their own desired burger for order after the consumer has registered an account. Consumer will be shown the final price and asked for additional information before the order is placed.

Implementation

-Developed forms and form validation to collect user input.

-Worked under Redux state management throughout several occasions

-Managed state with class-based components and React Hooks

-Planned and produced the styling of React components