Welcome to the Waypoint documentation. This is a minimalist and elegant e-commerce apparel store built as a showcase for modern web development technologies. The project prioritizes aesthetics, smooth animations, and a seamless user experience.
- Astro: The modern web framework for content-driven websites.
- React: For complex interactive components within the Astro islands architecture.
- Tailwind CSS: A utility-first CSS framework for rapid and beautiful UI styling.
- Astro DB: A fully-managed SQL database designed exclusively for Astro.
- Better Auth: For secure and flexible authentication logic.
- Anime.js v4: For stunning SVG morphing and fluid animations on the homepage.
- Swiper.js: A modern mobile touch slider with hardware accelerated transitions, used for the dynamic product galleries.
- Cloudinary: For robust image uploading and management.
Ensure you have Node.js (>=22.12.0) installed on your machine. Clone the repository and install the dependencies:
pnpm installStart the development server using Astro:
pnpm devVisit http://localhost:4321 in your browser to view the application.
- Minimalist Aesthetic: Clean interfaces with neutral tones, providing an elegant browsing experience.
- Interactive Animations: Features like interactive SVG morphing on the homepage logo leveraging anime.js motion and interactivity.
- Product Gallery: High-quality image sliders using Swiper.js, ensuring an engaging user experience, complete with full-screen and thumbnail views.
- Authentication system: Seamless login and register flows using Better Auth.
- Secure Image Management: Integrated with Cloudinary to handle user and product image uploads seamlessly.
To build your site for production:
pnpm buildThen preview your production build locally:
pnpm previewThis is a learning/demonstration repository intended to showcase how Astro can be integrated smoothly with different powerful tools to create modern interfaces.