medericcarriat.com

Simple yet fully featured portfolio website.

⭐ Features

• Single page app with snap-scroll effect
• 3D animation as homepage
• Timeline to display experiences
• Projects table with tags and filters
• Light and dark themes

Getting started

Requirements

To try the website on your own machine you will need both Git and Node.js.

Setup

In a terminal :

# Clone the repository
$ git clone https://github.com/MedericCar/portfolio.git
$ cd portfolio

# Install the dependencies
$ npm install

# Launch the development server
$ npm start

From there the website should be accessible through http://localhost:3000/.

Edition

Should one want to modify the data and colors of the website :

• colors for both light and dark themes are in src/app.scss
• data for the timeline and the projects table are stored in separate objects in src/data.js (colors used there should be defined in the aforementioned palettes)
• contact messaging is handled with EmailJS, IDs should be replaced in src/components/contact/Contact.jsx
• socials and resume URL are in src/components/contact/Socials.jsx

Acknowledgments

Special thanks to Lama Dev for a great tutorial which I used as a basis for this project.