Experience

S96: Your CryptoBank

ReactJS
TypeScript
CSS Modules
Styled Components
PostgreSQL
JavaScript

Academic Experience

A bright pink sheet of paper used to wrap flowers curves in front of rich blue background

S96: Your CryptoBank

In the "S96: Your CryptoBank" project, I used technologies such as ReactJS, TypeScript, JavaScript, PostgreSQL, CSS Modules, and Styled Components. The main objective was to develop a cryptocurrency banking application using React and a relational database, implementing features such as user authentication, controlled forms, and appointment management connected to the database.

To achieve this, I developed a dynamic interface using ReactJS, implemented type safety through TypeScript, managed communication with the PostgreSQL database, and used CSS Modules together with Styled Components to create a modern, modular, and responsive interface.

Project Overview

"S96: Your CryptoBank" is a cryptocurrency-based banking application that allows users to register, log in, and receive a personalized virtual card containing their personal information. The platform enables users to manage their account information and create appointments through a system connected to the database.

The project was developed with the goal of practicing Fullstack application development, working on communication between the frontend, backend, and database, while applying good practices in code organization and maintainability.

Key Features

  • User Registration and Login: Users can create an account and log in to access private application features and manage their personal information.

  • Personalized Virtual Card: After logging in, each user can view a virtual card containing their personal details, simulating a digital banking experience.

Online card.

Visualization of the personalized virtual card available for registered users.

  • Appointment Management: Authenticated users can create and manage appointments within the platform. Appointment statuses are visually represented through different colors, making it easy to identify whether an appointment is active or canceled.

Online store.

Visual representation of the appointment management system and its different statuses.

Technologies and Tools Used

  • ReactJS: Used to develop a dynamic, reusable, and interactive user interface.
  • TypeScript: Implemented to improve code safety through static typing and facilitate project maintenance.
  • JavaScript: Used to develop core functionalities and client-side interactions.
  • PostgreSQL: Used as the database system to store and manage user and appointment information.
  • CSS Modules: Used to create scoped styles and improve CSS code organization.
  • Styled Components: Implemented to develop modern visual components and maintain a flexible styling structure.

Challenges and Learnings

During the development of this project, I learned and strengthened my knowledge in:

  • Fullstack application development with ReactJS.
  • State management and reusable components.
  • Creating controlled forms in React.
  • Frontend, backend, and database integration.
  • Modern interface design using Styled Components and CSS Modules.
  • Using TypeScript to improve code quality and maintainability.
  • Data management with PostgreSQL.

Experiences

  • Frontend Development
  • Backend Development
  • Fullstack Development
  • Database Integration
  • UI/UX Design
  • API Integration