Discover StarSheriff2/MD-Cleaner Open Source project

I built a fully responsive website for a Salsa conference festival, using CSS flexbox, grids, SASS, and Bootstrap.

Salsa-Bachata-Summit-2020

In this app, users can add new tasks, edit them, move them around, and delete them. I built it with Webpack and ES6 standards.

StarSheriff2

To-Do-list-app

This app allows users to sign up for a class taught by experts and gurus. This is the back-end, a RESTful API hosted in Railway. The front-end is hosted in Netlify.

expert-class

This is a Calculator I built from Scratch, using Javascript, HTML, and CSS. This is part of the Odin's Project Javascript basics course.

Calculator

This is a clone of the Newsweekl website. Bootstrap was used for most of the design. The purpose of this project is to make the page responsive using Bootstrap.

newsweek-bootstrap-design

NextWeb.com homepage clone. The objective was to create a fully responsive website for different viewports and screen sizes. Lots of grids and flexboxes were used here. Background images were used to make images responsive and keep the aspect ratio.

apple-old-website-clone

CSS

thenextweb-responsive-design-clone

This is a browser version of something between a sketchpad and an Etch-A-Sketch. There are three types of paintbrush styles you can choose from. You can also modify the pixel density of your brush.

Etch-a-Sketch-Project---Arturo

This is a private events platform created with Ruby on Rails, where users can Create or Attend multiple events. Advanced Associations from ActiveRecord were used in this project.

private-events

This is a collection of some of my best projects. Feel free to look at them. A live version of each project is included with every project.

Portfolio

A Calculator built with React.

Math-Magicians-Calculator

Youtube-Clone

The leaderboard website displays scores submitted by different players. All data is preserved through an external API service.

Leaderboard-Eureka-JS

This web app shows the GNI per capita indicator for all countries in the world. It consumes the World Bank API. I built it with React and Redux.

Product-Landing-Page-Project

CSS

GNI-per-Capita-in-the-World

A bookstore app built with React and Redux. Users can add and remove books from the collection

arturos-bookstore

This is a clone of the Smashing Magazine's homepage. We did a design teardown for this page, using a grayscale heatmap to reveal its visual hierarchy.

Design-Teardown-heatmap

A simple JS app that stores a user's library. Users can add or remove a book from their collection. They can also keep track of which books they have finished reading.

Library-project

A simple project meant to help me experiment with Rails API. This app returns RESTful requests in HTML and JSON format.

Rock-Paper-Scissors---Arturo

timescale-app

blog_app

Trials-Technical

MicroverseTrials

leaderboard

odin-kittens

In this project, we built a #bubble_sort algorithm method to sort integer and string arrays in ascending order, by number order, and by string length respectively.

google-homepage

CSS

bubble-sort

FreeCodeCamp Tribute Page Project - Microverse Pre-Course - CSS - Arturo Alvarez

Michael-Jordan-Tribute-Page

Simple web app for creating reminders that show you the weather forecast. Built with Ruby on Rails API, PostgreSQL, React create-react-app and Redux RTK. This is the frontend repository.

Weather-App-Calendar---frontend

Portfolio-Project-MTrials

This is a simple Twitter clone I built using RoR to learn how to use authentication and authorization using the Devise gem

twitter-clone

This is the Technical Documentation Page Project from Code Camp's Responsive Webdesign Certification

Technical-Documentatio-FCC-Project

Technical-Documentation-Page

Javascript-API-Page

WR-BE

WR-FE

music-candy

Client application that shows any record in existence from any artist. Built with create-react-app, redux and bootstrap.

Simple web app for creating reminders that show you the weather forecast. Built with Ruby on Rails API, PostgreSQL, React create-react-app, Redux RTK and JWT for authentication. Deployed with Docker

Weather-App-Calendar---backend