SpurBook | Ride further. Book easier.

Description

A horse ride booking system.

Website Live Preview Link - Click Here

Design Prototype Link - Click Here

Design File Link - Click Here

Technologies & Tools Used

• Framework: ReactJs
• State Management: Redux , React-Redux
• CSS Framework: Tailwind CSS
• Tailwind Components: Preline
• Build Tools: Webpack, Babel
• Animation Library: Framer Motion
• Package Manager: Yarn
• Email Services: React Email , Plunk
• Design & Prototyping: Figma
• Calendar Integration: Google Calendar API

Challenges and Solutions

1. Responsive Design

Solution: Used Tailwind CSS to ensure the layout was responsive across devices.

2. State Management Complexity

Solution: Structured state management with Redux for smooth data flow.

3. Smooth Animations

Solution: Utilized Framer Motion for high-performance animations.

4. Form Validation

Solution: Implemented robust validation with form libraries and custom functions.

5. Email Services

Solution: Utilized react.email and plunk for email initiation on successful booking with calenadar event link and details.

How to Contribute

Install dependencies

yarn install

Run the development server

yarn run dev