Francis Joaquin's Portfolio Site

My portfolio site. Created using React + NextJS + Material UI 5.

Key Features • Credits • Related • License

Key Features

• Contentful - Graphql like data fetching

  • Case Studies, Posts, and their details come from the Contenful data store.

• Responsive - For all devices

  • Fully responsive layout from 350px onward.

• Dynamic pages (routes)

• Lightning quick first paint - Perfect Lighthouse scores

  • Only critical resources are loaded on first paint, and the rest when they're needed.

• Horizontal Rhythm - Flowing design

  • The design flows naturally from left to right using CSS transitions and shared state.

• Responsive menu - Animated and interactive

  • Mobile friendly and interactive menu buttons.

• Blog- Follow me on my Web-Dev journey

• Custom Contact form - Contact me right from the site

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. A Contentful account with api keys is also required (create .env files). From your command line:

# Clone this repository
$ git clone https://github.com/fajoaq/joaquinc-main

# Go into the repository
$ cd joaquinc-main

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Credits

This software uses the following open source packages:

• react
• Next.js
• mui
• formik

Based on HTML5UP Design - Astral

Related

joaquinc - My portfolio

License

MIT

---

joaquinc.com  ·  GitHub @fajoaq  ·