Francisco Andrade Website

Projects

Welcome to my personal projects page! Browse my latest creations and experiments. Thanks for stopping by!

Projects List
Econutralab's Web Site home Page

Econutralab Web Site

Technologies

Frontend: AstroCMS: SanityDatabase / Admin Auth: Supabase

Econutralab is dedicated to developing natural health products that positively impact human well-being. Leveraging their scientific expertise, they formulate medicine using natural sources.

We designed and developed their website to embody their commitment to natural health. The website is not only visually appealing but also lightning-fast, ensuring a smooth user experience. Furthermore, the website's robust infrastructure provides a solid foundation for future growth and scalability.


Tatami Craft site screen capture

Tatami Craft Shopify Site

Technologies

Shopify Online Store 2.0 / Theme customizationLiquidCSS

I collaborated with the Shop Innovator agency for the migration of the Tatami Craft E-commerce Site to Shopify Online Store 2.0.
This was a full customization of the Dawn theme.

Screenshot of Francisco Andrade's personal Web Site

Personal Web Site

Technologies

SveltekitSanityTailwindAstroMarkdown for bloging

This is my new Website. From time to time, I make changes to the basic design I created initially some years ago. This time I decided to base the implementation on Astro and use Islands of Interactivity with plain Javascript and Svelte.

The CMS I used is Sanity, a headless CMS to structure my content. But for the Blog, I'm using Markdown. Astro flexibility is gorgeous.

Svelte Exercises Example Screen Capture

Svelte Exercises

Technologies

Svelte

This project is a Svelte implementation of the Javascript exercises Wes Bos created for his Beginners Course. It's really awesome how we can map one implementation to another platform for a better comprehension of the technologies.

Slicks Slices demo site screenshot

Slicks Slices

Technologies

GatsbySanityNetlify Serverless Functions

Slicks Slices is a Pizza store Web Site from which you can choose the pizzas you want, by ingredient; and then you place an order so you can picked them up as soon as possible.

Sick fits demo site screenshot

Sick Fits

Technologies

NextJsApollo ClientGraphqlKeystoneJsStripe

This is a full stack javascript ecommerce solution, featuring NextJs React framework and Keystone, as well as checking out with Stripe.

Note: For the demo, you need to sign up.

Screen shot about Francisco Andrade's archived blog

Personal blog (archived version)

Technologies

GatsbyMDX

This was a blog I built some time ago using Gatsby and MDX, the last one being a great technology to integrate React Components inside Markdown files.

Screen capture of Landing Page of Marketing site "Sitio Web para todos"

Landing Page “Sitios Web Para Todos”

Technologies

GatsbyTailwind

This is a landing page for a personal business about building Websites. It's a single Web page built with the static site generator Gatsby. It also uses Netlify forms and Tailwind for CSS.

Now that's delicious App: Screen capture

Now that's delicious

Technologies

PugJsNodeJs / ExpressMongoDb

A full stack Node Js application to showcase restaurants. Coments, ratings and map location are some of the features implemented.

Catch of the Day demo website

Catch of the day

Technologies

ReactFirebaseLocal Storage

This is a basic React application that uses Firebase storage and authentication resources. Local storage is also used for persisting app state.

You must signup with Twitter, Facebook, or Github.

An screen capture representing the interface for a Local Storage Javascript challenge

Javascript 30, Exercise Challenge

Technologies

JavascriptCSSHTML

I followed and implemented Javascript Challenge Exercises created by Wes Bos. A great Javascript knowledge reinforcement, highly recommended for any Web Developer with any level of experience.