Projects

Take a look at my portfolio to discover a selection of my favorite projects that reflect my style and passion for innovation. These works show my dedication to excellence and how I love creating solutions that truly make a difference. Welcome to a showcase of my most meaningful projects!

Personal Projects

BeatHub

Frontend / project manager, MVP Completed

BeatHub was created to provide artists with exclusive beats for their songs and to give music producers the opportunity to sell their beats at a very good price. The beats that are marketed are exclusive, which means that no one else will have the beat that the artist buys; once purchased, it is no longer available for sale.

Tech Stack

  • Next.js 13.5

  • TypeScript 5.0

  • tanstack/react-query 5.0

  • Tailwind CSS 3.3

  • framer-motion 10.1

  • NanoStores

Achievements as business

  • 🎉

    Created a platform for artists to buy exclusive beats and for producers to sell their beats at a competitive price.

Achievements as developer

  • ✔️

    Successfully led a team of 8 multidisciplinary developers to create an application in less than a month.

  • ✔️

    Ranked among the top 10 projects out of hundreds of participants.

Project Links

BeatHub (demo) GitHub (Frontend) Project Presentation (Spanish)

Yehu.app

Full Stack, Beta

This is a very ambitious project, it is a application that will allow you to control the when a client buy/pay a product/service, the application will allow you to control the inventory, the clients, the products, the services, the sales, the expenses, the incomes, the taxes, the reports, the payments, the debts, the credits, and let your client check the status of their orders, invoices, payment options, and much more.

Tech Stack

  • NextJS 13.5

  • Tailwind 3.3

  • NanoStores 0.9

  • TypeScript latest

  • tanstack/react-query 5.0

  • framer-motion 10.1

  • Express JS 4.1

  • Express Session 1.1

  • Express Validator 7.0

  • Nodemailer 6.9

  • DB MySql

  • Sequelize 6.3

Achievements as business

  • 🎉

    This is my first project thinking for make money, I will sell this application as a service.

Achievements as developer

  • ✔️

    Implement components with one single responsibility, and hooks for separate logic from the components.

  • ✔️

    This is my first project thinked for the future, easy to scale, easy to add new features, easy to maintain.

  • ✔️

    First project using POO in javascript.

  • ✔️

    My First big side project with a lot of features.

Project Links

Yehu.app (beta) Read Me GitHub (Frontend) GitHub (Backend) Related Articles

FLProductions

Full Stack, Production

This is the website of my recording studio, featuring a robust Express-based backend handling user authentication, following the MVC architecture, and carefully validating every request. It also includes a paginated API, full CRUD operations, and utilizes Next.js on the frontend. Users can register, manage their profiles, share, and listen to songs from visiting artists, with many more improvements in the pipeline!

Tech Stack

  • NextJS 13.3

  • Tailwind 3.3

  • Redux 4.2

  • TypeScript 5.0

  • Sass 1.55

  • Jest 29.2

  • Openai 3.2

  • Express JS 4.18

  • DB MySql

  • Sequelize 6.31

Achievements as business

  • 🎉

    Top 3 in search engines in my country.

  • 🎉

    Most of 80% of my clients have come to me through my website, It has brought me hundreds of clients for more than 10 years.

Achievements as developer

  • ✔️

    Designed and developed the entire website from scratch, including the backend, frontend, and database.

  • ✔️

    I have learned how to migrate an entire WordPress website to vanilla javascript, then to react with vite, then to typescript, then to NextJS.

  • ✔️

    Implemented a robust authentication system, including email verification, password reset, and user profile management.

  • ✔️

    Created a paginated API with full CRUD operations, including a search feature.

  • ✔️

    Implemented a React-based frontend, including Redux for state management, and Next.js for Server Side Rendering.

  • ✔️

    Created a complete database schema, including many-to-many relationships, and implemented it using Sequelize.

Project Links

flproductionscr.com Read Me GitHub (Frontend) GitHub (Backend) Related Articles

This Website

front end, Production

This website is a project in its own right. I'm utilizing it for multiple purposes, including mastering Astro, a modern static site generator, and delving into Tailwind CSS, a utility-first CSS framework. Additionally, it serves as a platform for improving both my content writing and coding skills, along with enhancing my documentation abilities.

Tech Stack

  • Astro 3.1

  • React 18.2

  • Tailwind 3.0

  • NanoStores 0.9

  • TypeScript

  • Markdown

Project Links

Read Me GitHub Related Articles