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.
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.
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
This project is licensed under the MIT License. See the LICENSE file for details.