AnthonyChablov/melriver-website-rebuild

Rebuild of Melriver, a design agency/studio's website. This project, built using React and Next.js, showcases animations powered by GSAP, type safety with TypeScript, and styling with Tailwind CSS, aiming to enhance proficiency in GSAP and overall web development skills.

Melriver Website Recreation

This project is a personal endeavor to recreate the website of the design agency Melriver. The main objective is to learn and develop skills in using GSAP (GreenSock Animation Platform) for animations. The project is built using React and Next.js, with TypeScript for type safety and Tailwind CSS for styling.

Table of Contents

• Demo
• Features
• Tech Stack
• Installation
• Usage
• Contributing
• License

Demo

A live demo of the project can be found here.

Features

• Smooth animations with GSAP
• Responsive design with Tailwind CSS
• Built with React and Next.js for server-side rendering and static site generation
• Type-safe code with TypeScript

Tech Stack

• React: JavaScript library for building user interfaces
• Next.js: React framework for server-side rendering and static site generation
• GSAP: JavaScript library for high-performance animations
• TypeScript: Typed superset of JavaScript that compiles to plain JavaScript
• Tailwind CSS: Utility-first CSS framework for rapid UI development

Installation

1. Clone the repository:

   git clone https://github.com/AnthonyChablov/melriver-website-rebuild.git cd melriver-website-rebuild

2. Install dependencies:

   npm install

3. Start the development server: npm run dev

4. Open your browser and navigate to http://localhost:3000 to view the website.

Contributing

Feel free to contribute to this project by submitting issues or pull requests. For major changes, please open an issue first to discuss what you would like to change.