Photography Portfolio

Clone of the photography portfolio website.
Live Project · Page about project

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contact

About The Project

The goal of the project was to recreate a photo portfolio page posted on awwwards.com, along with rich animations. The animations (including transitions between pages) were implemented using the Framer Motion library.

Original website was designed and created by Francois-Xavier Manceau.

(back to top)

Built With

• React.js
• TypeScript
• Tailwind
• Framer Motion

(back to top)

Getting Started

Prerequisites

Before running this application node and npm is needed.

• npm

  npm install npm@latest -g

Installation

To run this application you need to clone the repo, install npm packages and install TypeScript.

1. Clone the repo

   git clone https://github.com/LeCarteloo/PhotoPortfolio.git

2. Install NPM packages

   npm install

(back to top)

Usage

1. To run application type

    npm run dev

2. To build application type

    npm run build

3. To run application from newly build folder

    npm run preview

(back to top)

Contact

• LinkedIn - @filip-papiernik
• Email - [email protected]

(back to top)