Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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.

Notifications You must be signed in to change notification settings

ajaypatil1993/Roomlyf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

Screenshot 2024-09-16 162004 Screenshot 2024-09-16 162150

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 πŸ› οΈ

React Tailwind CSS Framer Motion React Router React Icons JavaScript HTML5 CSS3 Responsive

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 πŸ“¬

License πŸ“

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

Acknowledgements πŸ™

  • React
  • Framer Motion
  • Tailwind CSS
  • React Router
  • React Icons

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published