Zach-folio

Projects

Projects

Curated Projects

These are some of my works to showcase what I am capable of.

    Blog application

    Blog application

    Blog application gif

    Blog web application which enables to write ideas of an author.

    Features
    • Reading and reacting on posts with for instance likes, dislikes, comments and replies.
    • The number of views implying how many users are clicking through the page and have taken from a tip of the post to all the way.
    • Creating suggestions which users might think it should be considered while posts are prepared.
    • Code linting with ESLint for quality assurance.
    • Reusable components ensuring modular and clean design.
    • Adding and updating profile pictures.
    • Pagination and limit of items.
    Shopping Cart

    Shopping Cart

    Shopping Cart gif

    Modern Ecommerce Website built using React and tailwind css

    Features
    • Add, update, and remove products in the shopping cart dynamically.
    • Real-time state updates powered by React.
    • Fast development and builds using Vite.
    • Code linting with ESLint for quality assurance.
    • Testing setup with Vitest and React Testing Library.
    • Deployment-ready scripts for GitHub Pages.
    • Reusable components ensuring modular and clean design.
    • Efficient resource handling with minimal dependencies
    Memory card

    Memory card

    Memory card gif

    Memory Card Game built using React

    Features
    • Interactive memory game with clickable cards to test memory retention.
    • Score tracking for current and best scores to engage players.
    • Randomized card shuffling after each click for added challenge.
    • Built with React for a dynamic and responsive user experience.
    • Component-based design ensuring clean and maintainable code.
    • Responsive layout to support various screen sizes seamlessly.
    File Uploader

    File Uploader

    File Uploader gif

    Minimal version of Google Drive built using node express, ejs, passport js and other depndencies

    Features
    • Enables file uploads and downloads for convenient data transfer.
    • Provides an interface for tracking uploaded file details.
    • Includes validation to manage file types and sizes during upload.
    • Utilizes backend handling for secure file storage and retrieval
    • Offers error feedback for unsuccessful uploads or downloads.
    Restaurant Page

    Restaurant Page

    Restaurant Page gif

    Restaurant page built using webpack and basic tech stack.

    Features
    • Displays categorized restaurant menu for easy navigation
    • Responsive design for optimal viewing across devices
    • Clean and user-friendly interface with HTML, CSS, and JavaScript
    • No backend integration, operates purely on front-end for quick setup
    • User experience-focused with smooth transitions
    Chat application

    Chat application

    Chat application gif

    Two user chatting application with seamless real time communication using web socket.

    Features
    • Search users can search other users using their username and create a pair.
    • Chat with self: Chats with self or saving thoughts without being on the track of nobody else's surveilliance.
    • Setting and preferences
    • Active and Online status: It allows users to see their chatmate's online status.
    • Responsive Design: Fully functional across multiple device types for accessibility.
    • Deleting, editing a message and a replying pointed to specific message.
    • Simple Interface: Easy-to-use interface for intuitive navigation.
See others Here