Skills

Project:

SWAPIFY

Description:

A barter and donation platform where users can swap goods or donate unused items to individuals and organizations in need.

Status:

Ongoing Currently user can join the waitlist as we continue to develope to lauch an MVP in February

Role:

Front-end Developer

Activity:

• Component Development Created reusable UI components like ProductCard AccountSettings SidebarProfile.
• State Management Used React hooks useState useEffect and implemented custom hooks useModal for managing modals.
• API Integration Set up Axios instance for making API requests and created utility functions for GET, POST, PUT, and DELETE requests.
• Form Handling Implemented form submission logic (e.g., in NewsLetterModal) and validated form inputs (e.g., email validation).
• Image Upload Integrated Cloudinary for image uploads in the ItemImagesStep component.
• Pagination Implemented pagination logic in the ProductList component.
• Error Handling Implemented error handling for API requests and form submissions.
• Responsive Design Used Tailwind CSS classes to create responsive layouts.
• Accessibility Implemented ARIA attributes for better accessibility (e.g., in the DeleteConfirmationModal).
• Performance Optimization Used React hooks and functional components for better performance.
• User Experience Implemented loading states and feedback (e.g., in the ActiveListingsGrid component) and created interactive elements like modals and confirmation dialogs.
• Styling Used Tailwind CSS for rapid and consistent styling.
• Routing Used Next.js routing for client-side navigation.
• TypeScript Integration Used TypeScript for type checking and improving code quality. Created type definitions for API responses and component props.

Link to the home page:

Link to actual product: