Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/francislagares/francis-portfolio
This is the first version release of my portfolio.
https://github.com/francislagares/francis-portfolio
framer-motion portfolio-website reactjs styled-components typescript
Last synced: 13 days ago
JSON representation
This is the first version release of my portfolio.
- Host: GitHub
- URL: https://github.com/francislagares/francis-portfolio
- Owner: francislagares
- Created: 2021-06-15T11:42:47.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-21T17:38:26.000Z (almost 3 years ago)
- Last Synced: 2024-12-02T00:35:22.102Z (2 months ago)
- Topics: framer-motion, portfolio-website, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 8.09 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Francis Lagares
The first version of my portfolio built with React and TypeScript.
### TL;DR
# Installation & Set Up
1. Install dependencies
```sh
yarn install
```
2. Start the development server
```sh
yarn start
```
# Building for Production
1. Generate a full static production build
```sh
yarn build
```
1. Preview the site as it will appear once deployed
```sh
serve -s build
```
# Running with Docker
- Building an image
```bash
$ docker-compose build
```
- Running a container
```bash
$ docker-compose up
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the
result.
- Stopping a container
```bash
$ docker-compose down
```
# Credits
This site is built with React.js. Animations are powered by Framer Motion.
These are the websites/artworks/individuals from where I drew my inspirations
Navigation and Cursor:
Romain Avalle
Homepage:
Stefan Martinovic
Projects Menu: Loer Architecten
Project Page:
Iara Grinspun
Colours:
Jay-Z's 4:44
Scrolling, About Page:
LOFTGARTEN