Welcome to the Luxe Threads Website repository! This project represents the front-end development of the Luxe Threads fashion brand's online presence.
- Next.js: React framework for server-side rendering and generating static websites.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- react-icons: Collection of popular icons for React applications.
- react-scroll-parallax: React component for parallax scrolling effects.
This project is focused on creating a visually appealing and modern web interface for the Luxe Threads brand. It is currently a front-end-only project, with plans to implement backend functionality in the future.
- Elegant Design: Showcases the Luxe Threads fashion collections with a sleek and modern interface.
- Parallax Effects: Adds a dynamic touch to the browsing experience with subtle parallax scrolling effects.
- Iconography: Utilizes a variety of icons to enhance the user interface.
- Responsive Design: As of now, the website does not have a responsive design. We plan to create a dedicated mobile application under the Luxe Threads brand to provide an optimal experience on mobile devices.
- Backend Development: Future updates will include backend functionality to handle user authentication, data management, and other server-side operations.
Upon loading the website, you will see an alert box indicating the current limitations regarding responsive design and backend functionality.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/poyrazavsever/Clothing-Store.git
- Navigate to the project directory:
cd Clothing-Store
- Install dependencies:
npm install
- Run the development server:
Open http://localhost:3000 with your browser to see the result.
npm run dev
An alert box will appear upon loading the site to inform users of the current limitations:
alert("Please note: This website does not currently have a responsive design. A mobile application will be developed in the future. Backend functionality is also planned for future updates.");