https://github.com/swappy-2003/react_ochi

Created this React App clone website with Vite and used Tailwind.css for styling used multiple JS Libaray like Framer-motion for animations and GSAP for dynamic animations and for smooth scrolling used the LOCO-MOTIVE scroll
https://github.com/swappy-2003/react_ochi

framer-motion gsap locomotive-scroll npm reactjs tailwindcss vite

Last synced: about 2 months ago
JSON representation

Created this React App clone website with Vite and used Tailwind.css for styling used multiple JS Libaray like Framer-motion for animations and GSAP for dynamic animations and for smooth scrolling used the LOCO-MOTIVE scroll

• Host: GitHub
• URL: https://github.com/swappy-2003/react_ochi
• Owner: swappy-2003
• Created: 2024-06-10T20:04:27.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-21T17:00:34.000Z (7 months ago)
• Last Synced: 2024-06-22T09:26:08.712Z (6 months ago)
• Topics: framer-motion, gsap, locomotive-scroll, npm, reactjs, tailwindcss, vite
• Language: JavaScript
• Homepage: https://swapnil-occhi.netlify.app/
• Size: 321 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# My React and Tailwind Project

This is a React project built using Vite and styled with Tailwind CSS. Follow the instructions below to clone the repository and run the project on your local machine.

## Prerequisites

Make sure you have the following installed on your machine:

- [npm](https://www.npmjs.com/) (v6 or higher)

## Getting Started

1. **Clone the repository:**

   

   git clone https://github.com/your-username/your-repo-name.git

2. **Navigate to the project directory:**

     cd your-repo-name

3. ## Install dependencies:

  npm install

  

4. ## Run the project:

  npm run dev

This will start the Vite development server. You should see output indicating that the server is running and a local URL (usually http://localhost:3000) where you can view your project.

## Building for Production

To build the project for production, run:

## npm run build

   This will create an optimized production build in the dist folder.

## Running the Production Build

To preview the production build locally, you can use a simple static file server. For example, you can use serve:

## Install serve globally if you haven't already:

npm install -g serve

##  Run the production build:

serve -s dist

This will start a server and provide a URL (usually http://localhost:5000) where you can preview your production build.

## Contributing

If you'd like to contribute to this project, please fork the repository and use a feature branch. Pull requests are welcome.

License

This project is licensed under the MIT License.