This project is a rebuild of an amazing website that was featured as Site of the Day on awwwards.com by Luca Franceschetti and Luis Henrique Bizarro Website Link. The goal of this project is to showcase my web design and development skills and recreate the visual and interactive elements of the original website.
floema-preview.mp4
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/peperini/floema-awwwards.git
- Add your
.env
environment variables file to the project folder
Your .env file should contain:
PRISMIC_REPOSITORY=
PRISMIC_ACCESS_TOKEN=
Ensure these are properly set to connect with Prismic services.
- Install dependencies:
npm install
- Start the development server:
npm start
- PUG (HTML Template Engine)
- SCSS
- JavaScript
- Express
- Prismic
- GSAP
- Lodash
- WebGL (with OGL)
- GLSL
- Webpack
- Digital Ocean
- Interactive animations
- Responsive design for different screen sizes
- Smooth transitions and scroll effects and interactions
- Optimized performance and loading times
If you have any questions or comments regarding this project, feel free to reach out to me:
- Email: josearmando@gothier.co