RoomLyf 🛋️🏠

RoomLyf is a complete, responsive interior design website that showcases modern design, smooth animations, and a user-friendly experience across all devices. Built using React.js, Tailwind CSS, and Framer Motion, it brings stunning design concepts to life.

Screenshots

Features ✨

• Responsive Design: Adapts seamlessly to all screen sizes and devices.
• Animated Components: Engaging animations with Framer Motion.
• Modern UI/UX: Sleek and user-friendly interface.
• Dynamic Layout: Interactive components that bring the design to life.
• Easy Navigation: Smooth transitions and intuitive browsing.

Tech Stack 🛠️

Project Layout 🗂️

Here's the general layout of the project:

RoomLyf/
│
├── public/
│   ├── index.html
│   └── assets/
│       └── Logo.png
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── styles/
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── .gitignore
├── package.json
├── README.md
└── LICENSE

• public/: Contains the static HTML file and assets like images.
• src/: Contains the source code, including components, pages, and styles.
• components/: Reusable UI components.
• pages/: Different pages of the website.
• styles/: CSS and Tailwind styles.
• App.js: Main application component.
• index.js: Entry point for the React application.

Getting Started 🚀

Prerequisites

• Node.js (version 14 or higher)
• npm (comes with Node.js)

Installation

1. Clone the Repository

   git clone https://github.com/ajaypatil1993/roomlyf.git
   cd roomlyf
   

2. Install Dependencies

   npm install
   

3. Run the Development Server

   npm start
   

   Open your browser and go to http://localhost:3000.

Contributing 🤝

1. Fork the Repository

2. Create a Feature Branch

   git checkout -b feature/new-feature
   

3. Commit Your Changes

   git add .
   git commit -m "Add new feature"
   

4. Push to the Branch

   git push origin feature/new-feature
   

5. Open a Pull Request

   Go to the repository on GitHub and create a new pull request.

Live Preview 🌐

Check out the live version of the site at: RoomLyf Live

Contact 📬

• LinkedIn: Connect with me 🔗
• Email: Send me an email 📧
• GitHub: View my GitHub 🔗

License 📝

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements 🙏

• 
• 
• 
• 
•