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

- Fully responsive

- Themed resume web page (repo)

- Made only with React and Sass, no library

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.