Hi, I'm

Francisco Alvarez Raineri

Full Stack Developer

Welcome to my portfolio!

Check out my Github
and my LinkedIn
Download my CV
Hero
JavaScriptNodeJSNextJSReactReduxExpressPostgreSQLFireBaseMongoDBGitGitHubLinux

Projects

Past and present projects.
The Movie DataBase

The Movie DataBase

Personal Full-Stack WIP.

What you can do:

  1. ✔

    Create and log-in users.

  2. ✔

    Search for movies and shows.

What I learnt to do:

  1. ✔

    Build a front-end with React and MaterialUI.

  2. ✔

    Interact with an API.

  3. ✔

    Set-up a Firebase project.

  4. ✔

    Use Firebase Authentication and Firestore Database.

Formidable

Formidable

Forms creation and management App.

What you can do:

  1. ✔

    Confirm user creation with email.

  2. ✔

    Create forms visually with drag and drop.

  3. ✔

    Store and manage forms.

  4. ✔

    Share forms with email or link.

  5. ✔

    Access responses to a form.

What I learnt to do:

  1. ✔

    Reverse-engineer a complex module and build upon it's functionality.

  2. ✔

    Build a Front-End with Next.js and Material.UI.

  3. ✔

    Choose Server-side rendering vs Client-side rendering.

  4. ✔

    Set-up a MongoAtlas database.

  5. ✔

    Handle data in a non-relational DB.

Figurita Repetida

Figurita Repetida

Full Stack group educational project. E-Commerce.

What you can do:

  1. ✔

    Create and log-in users and admins with session persistance.

  2. ✔

    Search the stock with multiple parameters.

  3. ✔

    Add and remove items to and from a cart.

  4. ✔

    Manage a list of favourites and previous purchases.

What I learnt to do:

  1. ✔

    Build a back-end with Express.js and Sequelize.

  2. ✔

    User authentication and persistance.

  3. ✔

    Set-up a PostreSQL DB.

  4. ✔

    Establish relations and automate behaviours.

  5. ✔

    Send emails with Nodemailer.

Minesweeper

Minesweeper

Self-imposed JavaScript challenge.

What you can do:

  1. ✔

    Play the clasic game Minesweeper.

  2. ✔

    Read the instructions.

  3. ✔

    Change the dificulty.

  4. ✔

    Get a score.

  5. ✔

    Inclues the traditional emoticon with reactions.

What I learnt to do:

  1. ✔

    Code a relatively complex JavaScript app.

  2. ✔

    The joy of going from cero to hero

The Weather Channel

The Weather Channel

What you can do:

  1. ✔

    Ask for the current weather in any city.

  2. ✔

    Have it displayed in beatiful fashion.

What I learnt to do:

  1. ✔

    Combine JavaScript, HTML and CSS.

  2. ✔

    Interact with an API.

To Do List

To Do List

What you can do:

  1. ✔

    Add and remove elements to the list.

  2. ✔

    Re-oder and edit the elements.

What I learnt to do:

  1. ✔

    Create and edit HTML components with JavaScript.

  2. ✔

    Assigne and modify CSS styles with JavaScript

Color Guessing Game

Color Guessing Game

What you can do:

  1. ✔

    Try to guess which color the RGB values represent.

  2. ✔

    Select the difficulty.

What I learnt to do:

  1. ✔

    Code randomly generated numbers with changing constraints in JavaScript.

  2. ✔

    Event handlers and alert messasges.

Education

Courses and degrees
Full Stack Developer
Back End Development and APIs
Responsive Web Design
JavaScript Algorithms and Data Structures

About me

how I ended up here

After a decade of part-time and temporary jobs, I felt the need to settle down and follow the path of a professional career.
Programming came as the obvious choice. The subject caught my attention back in high-school because problem solving is my passion and writing comes as a natural way to achieve it.
Having graduated from an +800hs intensive bootcamp, I’m eager to join a team and start adding value.
Meanwhile, there are plenty of problems to work on and tools to learn.

Contact

Let's get in touch
Copyright © 2025. Based on "Nextly" by Web3Templates.