Projects Category: Typescript

Home
Typescript

Backend Development | Frontend Development | Net Core | React | Typescript

Ecommerce Shadcn

Ecommerce Shadcn

Description

I developed a modern e-commerce platform using React with Vite as the frontend framework, seamlessly integrated with a backend built on .NET 8. The architecture is based on microservices, which ensures modularity, scalability, and ease of maintenance across core business domains such as product catalog, shopping cart, order management, and payments. For state management and efficient server communication, I implemented React Query, enabling optimized data fetching, caching, and synchronization with backend APIs. On the UI side, I leveraged Shadcn components to deliver a clean, responsive, and accessible design system, accelerating development while maintaining consistency throughout the application. The solution provides users with a fast, reliable, and intuitive online shopping experience, while the codebase is structured to support future growth and continuous integration of new features.

VERIFY

Frontend Development | React | Typescript

173

Ecommerce GuitarLA

LIKE THIS 173

Description

GuitarLA is a mini e-commerce application developed with React with Vite, focused on showcasing and selling guitars. Users can browse a catalog of products and add selected guitars to a shopping cart. The cart supports dynamic quantity adjustments and product removal, with real-time updates to the total price. The application uses component-based architecture and state management to handle cart operations efficiently, providing a smooth and responsive user experience.

VERIFY

Frontend Development | React | Typescript

183

Tip and Consumption Calculator

LIKE THIS 183

Description

This project is a Tip and Consumption Calculator built with React with Vite. It allows users to select items from a menu and calculates the total cost of the order dynamically. Users can optionally add a tip percentage, and the app updates the final amount accordingly. The application features reactive state management to handle item selection, price calculation, and tip logic in real time. The interface is clean and responsive, offering a seamless experience for calculating dining expenses quickly and accurately.

VERIFY

Frontend Development | React | Typescript

Expense Planner

LIKE THIS 69

Description

This project is an expense planner built using React with Vite, allowing users to assign a budget and track their expenses by category. The application enables users to input their expenses under different categories, providing a clear view of how much money remains from the assigned budget. It uses state management to track user inputs and dynamically updates the remaining budget as expenses are logged. The app also features a responsive and intuitive interface, making it easy for users to keep track of their financial goals in real time.

VERIFY

Frontend Development | React | Typescript

Calorie counter

LIKE THIS 69

Description

This project is a calorie tracker built using React with Vite, designed to help users monitor their daily caloric intake and expenditure. Users can log the calories consumed from food and calories burned through exercise. The application calculates and displays the difference between consumed and burned calories, providing an overall net caloric balance. The app features efficient state management to handle user inputs, and reusable components are implemented for flexibility and code reusability. The interface is intuitive, allowing users to easily track and manage their calorie data.

VERIFY

Frontend Development | React | Typescript

Cryptocurrency Quoter

LIKE THIS 82

Description

I developed a cryptocurrency price calculator using React and TypeScript, focused on the top 20 digital assets by market cap. The app integrates with the CoinGecko API to fetch real-time prices and supports conversion to four major fiat currencies: USD, MXN, EUR, and GBP. I used strong typing, custom hooks, and a modular component structure to ensure code maintainability and scalability. The UI is responsive and provides users with a quick and accurate way to view current values across selected currencies.

VERIFY