Craftsvilla
My first React project using TypeScript. Still getting the hang of it, but I think I've got the basics down. It's for a fictional art studio where people can get together and do painting, ceramics, mosaics — that kind of thing. The web site is fully functional: the booking calendar actually works (powered by Teamup), and so does the contact form — messages genuinely land in an inbox, handled by Netlify's form backend.
Product



Design concept
Do navigation menus always have to be at the top? Not necessarily. In this project I tried to follow a more intuitive flow, which led to some unusual design decisions — mostly for the sake of practice, but also to explore new possibilities. Yes, the navigation menu on the mobile version is at the very bottom of the page. Did you like it?
Tools and libraries
- React
- Typescript
- ReactRouter
- react-hook-form
- Embla Carousel
- yet-another-react-lightbox
- Netlify form
- Teamup Calendar