Stelix is a fully responsive web application built with React and Vite, designed for managing hotel check-ins. The project incorporates advanced React concepts to deliver a seamless and interactive user experience.
✅ Fast & Optimized – Powered by Vite for ultra-fast build times ⚡
🎨 Modern UI – Designed with responsiveness in mind, offering a clean and intuitive interface
🛠 State Management – Efficient data handling for smooth user interactions, powered by React Query
🔍 Form Handling – Simplified form management using React Hook Form
🔔 Notifications – Real-time notifications with React Hot Toast
🌐 Routing – Smooth navigation and routing with React Router DOM
📊 Data Visualization – Stunning charts and graphs using Recharts
🎨 Styled Components – Customizable and reusable styled components for consistent UI
- React (Frontend UI)
- Vite (Fast build tool for React apps)
- React Router DOM (Client-side routing)
Ensure you have Node.js and npm installed on your system.
- Clone the repository:
git clone https://github.com/MatinT-SA/stelix.git cd stelix - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:5173 in your browser.
- Explore the responsive UI designed for hotel check-ins.
- Navigate smoothly between pages using React Router DOM.
- Enjoy real-time updates and seamless user interactions.
🔗 Stelix Live Demo: https://stelix.netlify.app
NOTE: for testing purposes {
email address: test@gmail.com,
password: 12345678
}
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Commit your changes:
git commit -m "Added a new feature" - Push to your branch:
git push origin feature-branch
- Open a Pull Request.
Enjoy using Stelix and happy coding! 🚀