Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aditya-150/claw-task
Horse Ride Booking Website.
https://github.com/aditya-150/claw-task
babel email-sender figma framer-motion javascript npm plunk react react-redux react-router-dom redux redux-toolkit scss tailwindcss ui-design ux-ui webpack yarn
Last synced: 2 months ago
JSON representation
Horse Ride Booking Website.
- Host: GitHub
- URL: https://github.com/aditya-150/claw-task
- Owner: Aditya-150
- Created: 2024-07-10T05:23:41.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T15:59:53.000Z (5 months ago)
- Last Synced: 2024-10-10T20:04:27.368Z (2 months ago)
- Topics: babel, email-sender, figma, framer-motion, javascript, npm, plunk, react, react-redux, react-router-dom, redux, redux-toolkit, scss, tailwindcss, ui-design, ux-ui, webpack, yarn
- Language: JavaScript
- Homepage: https://spurbook.netlify.app/
- Size: 9.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [SpurBook](https://spurbook.netlify.app/) | Ride further. Book easier.
## Description
A horse ride booking system.
### Website Live Preview Link - [Click Here](https://spurbook.netlify.app/)
### Design Prototype Link - [Click Here](https://www.figma.com/proto/nUgHI8Ppkr1AtbDtZmuwU1/Spurbook?page-id=11%3A132&node-id=236-8286&viewport=3748%2C712%2C0.5&t=e8HfNHV4pTT16ifX-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=236%3A8286)
### Design File Link - [Click Here](https://www.figma.com/design/nUgHI8Ppkr1AtbDtZmuwU1/Spurbook?node-id=11-132&t=9DSgxsGjp16W3jOz-1)
## Technologies & Tools Used
- **Framework**: [ReactJs](https://react.dev/)
- **State Management**: [Redux](https://redux.js.org/) , [React-Redux](https://react-redux.js.org/)
- **CSS Framework**: [Tailwind CSS](https://tailwindcss.com/)
- **Tailwind Components**: [Preline](https://preline.co/)
- **Build Tools**: [Webpack](https://webpack.js.org/), [Babel](https://babeljs.io/)
- **Animation Library**: [Framer Motion](https://www.framer.com/motion/)
- **Package Manager**: [Yarn](https://yarnpkg.com/)
- **Email Services**: [React Email](https://react.email/) , [Plunk](https://www.useplunk.com/)
- **Design & Prototyping**: [Figma](https://www.figma.com/)
- **Calendar Integration**: [Google Calendar API](https://developers.google.com/calendar/api/guides/overview)
## 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
```bash
yarn install
```
### Run the development server
```bash
yarn run dev
```