This repository holds the code for my personal website, rustom.dev. After taking two previous stabs at front-end development, I decided to go with something simpler for my new design. I'm hoping to put some more content up sometime soon. I'd love any feedback!
Here are the tools, libraries, and plugins that I used to develop this site, as well as if they're in use in the current version.
| Tool | Purpose | In Use |
|---|---|---|
| GatsbyJS | Static site generator that allows for responsive static websites | Y |
| GitHub Pages | Free website hosting, including custom domain and free SSL | Y |
| Adobe Illustrator | Digital illustration software for creating illustrations and web art | Y |
| Adobe After Effects | Digital art animation software for creating animations from illustration | Y |
| Google Analytics | Platform and plugins for measuring web user statistics | Y |
| GraphQL | Query language for selecting static markdown or media files | N |
| Library | Purpose | In Use |
|---|---|---|
| ReactJS | JavaScript library to dynamically create front-end components | Y |
| styled-components | CSS-in-JS, component-based styling for ReactJS | Y |
| Framer Motion | Declarative, customizable component animations for front-end development | Y |
| GSAP | Speed-optimized, lightweight animations (used for cursor) | Y |
| lottie-react | Declarative use of Lottie animations created with Adobe After Effects | Y |
| Fontsource | Self-hosted, open source font packages | Y |
| Prettier | Automatic code formatter | Y |
You can see the rest of the colors and specs I have used in src/styles/theme.js.
| Color | Hex | In Use |
|---|---|---|
| Navy | #0a1930 |
Y |
| Dark Salmon | #b86440 |
N |
| Salmon | #ff8e5e |
Y |
| Light Salmon | #ffa984 |
N |
| Light Grey | #cccccc |
Y |
| Font | In Use |
|---|---|
| IBM Plex Mono | Y |
| IBM Plex Sans | N |
| Montserrat | N |
Thank you to Brittany Chiang for helping me get started with front-end development!