Welcome to Cozy Yeot! This project is an exciting and dynamic web application crafted to deliver a compelling user experience through interactive features and a responsive design.
Experience the app in action: Cozy Yeot Live.
- 🎨 Vibrant Design: A colorful and engaging user interface.
- 📱 Responsive Layout: Perfectly adapts to various devices and screen sizes.
- 💥 Interactive Components: Elements that respond dynamically to user interactions for a lively experience.
- 🌈 Modern UI/UX: Smooth navigation and an intuitive design flow for users of all ages.
Follow these steps to set up and run the project locally.
- Node.js (version 14 or higher)
- npm (Node package manager)
-
Clone the Repository:
git clone https://github.com/your-username/your-repo-name.git cd your-repo-name -
Install Dependencies:
npm install
-
Start the Development Server:
npm start
Visit the app at
http://localhost:3000.
To create an optimized production build:
npm run buildThis command generates a build folder with all the production-ready files.
- Log in to Netlify: Netlify.
- Create a New Site and connect it to your GitHub repository.
- Set Build Command: Use
npm run build. - Publish Directory: Set it to
build. - Deploy: Follow the on-screen instructions to deploy.
For more detailed steps, check out the Netlify documentation.
Here's an overview of the project's directory layout:
src/: Contains all the source code.components/: Modular React components for various UI elements.assets/: Images, styles, and other static resources.App.jsx: The main application component.index.jsx: Entry point of the application.
public/: Publicly accessible files and assets.
Cozy Yeot is built with a focus on interactivity and responsiveness, ensuring an engaging user experience across all devices. Whether you're using a smartphone, tablet, or desktop, Cozy Yeot adjusts perfectly to provide a seamless interface.