Git Product home page Git Product logo

Hi there!

Welcome to my profile! 😄

I am a Software Developer with experience as a Front-End Developer in the banking sector. I specialize in creating web applications and am passionate about programming, design, and project management. I enjoy working in teams and am committed to developing high-quality products with a good user experience. I am always looking for new challenges and opportunities to improve my skills and follow the best development practices.

🛠 Languages and Tools

HTML  CSS  Sass  Bootstrap  JavaScript  TypeScript  Handlebars  jQuery  React  Redux  Material UI  PHP  Codeigniter  MySQL  MongoDB  Webpack  Storybook  Docker  ESLint  Git 

📚 Learning Projects

⭐ Main Projects

🍭 Candy Store Website

Designed and implemented a candy store website.

DEMO

Features and Technologies

HTML  CSS  Sass  Bootstrap  JavaScript  jQuery  PHP  Codeigniter  MySQL 


  • Show candy store information stored in the database
  • Image gallery with preview
  • Send an email with the contact form
  • Contact form with reCAPTCHA, client-side and server-side validation
  • Location with Google Maps
  • Links for social media (Facebook and Instagram)
  • Cookie Policy Terms and Conditions
  • Button to return to the top of the screen
  • Responsive design
  • Optimized images
  • Lazy loading images
  • Animations
  • Google Analytics

Video
Demo.mp4

💰 Products Management App

Designed and implemented a web application to manage products and prices from an online store.

Features and Technologies

HTML  TypeScript  React  NextJS  Material UI  MongoDB 


  • Login with Auth0
  • Email verification
  • Show products, categories, and materials stored in the database
    • Products with name, category color, image, one or more models and prices, description, materials, and a link to a Facebook page
    • Categories with name and color
    • Materials with name and price
  • Create, edit and delete products, categories, and materials
  • Set a category color with a color picker
  • Upload a product image, and see a preview in create product form
  • Forms with client-side validation
  • Server-side rendering with Next.js
  • Responsive design with Material UI

Video
Demo.mp4

🏦 Widgets for Internet Banking

Prototyped and implemented widgets for Internet Banking.

Features and Technologies

HTML  CSS  Sass  Bootstrap  JavaScript  AngularJS 


  • Widget for payments of services
  • Widget for pending operations
  • Desktop and mobile layouts

Video
Demo.mp4

Joselyn Dos Ramos's Projects

spreadsheet icon spreadsheet

Spreadsheet with ReactJS, TypeScript and Tailwind CSS

super-mario-world icon super-mario-world

Project for educational purposes - A clone of Super Mario World implemented in Unity

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.