Pokémonia (Frontend Focus)

Tech Stack & Implementation Core: React 18 with TypeScript for type-safe development and Vite as a fast build tool/bundler. API Integration: RESTful API consumption using Axios to fetch and display Pokémon data dynamically. Styling: CSS3 with a focus on responsive layouts and interactive UI elements. Code Quality: Strict ESLint and Prettier configurations to maintain high code standards and consistency. Performance: Optimized with Vite's HMR (Hot Module Replacement) for efficient development workflows. Key Features Dynamic Data Fetching: Seamless retrieval and rendering of 1,000+ items from an external API. Favorites System: Localized state management to allow users to save and track specific items. Comparison Tool: Feature-rich interface for side-by-side attribute analysis. Responsive UI: Mobile-first approach ensuring a fluid experience across all device sizes.

MERN Stack Todo App (Full-Stack Focus)

Architecture: Engineered a complete MERN (MongoDB, Express, React, Node.js) application. Backend: Designed a scalable RESTful API with Node.js and Mongoose to handle full CRUD operations. Frontend: Created a reactive UI that synchronizes in real-time with the database. Security: Implemented CORS configurations and secure environment variable management.

Automated testing and grading tool

This application is a automated testing and grading tool. It is designed to streamline the process of checking answers by comparing user input against a predefined answer key. Automated Validation: Instant comparison of user inputs with correct data sets, reducing manual grading time. Real-time Metrics: Displays performance statistics and accuracy percentages immediately upon completion. Modular Architecture: Designed with reusable components for easy expansion (e.g., adding new test types or difficulty levels). Client-side Processing: Ensures fast performance by handling validation logic directly in the browser.