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.