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.
- 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.
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.
-
Clone the Repository
git clone https://github.com/ajaypatil1993/roomlyf.git cd roomlyf -
Install Dependencies
npm install
-
Run the Development Server
npm start
Open your browser and go to
http://localhost:3000.
-
Fork the Repository
-
Create a Feature Branch
git checkout -b feature/new-feature
-
Commit Your Changes
git add . git commit -m "Add new feature"
-
Push to the Branch
git push origin feature/new-feature
-
Open a Pull Request
Go to the repository on GitHub and create a new pull request.
Check out the live version of the site at: RoomLyf Live
- LinkedIn: Connect with me 🔗
- Email: Send me an email 📧
- GitHub: View my GitHub 🔗
This project is licensed under the MIT License. See the LICENSE file for details.