Bookly is an event planning and scheduling platform that allows users to create and book various events across the country. The backend is built with FastAPI which controls endpoint access between different user types and offers its API for developers.
You can visit the live website here
Users are split into three different types:
- Regular User - this is for users that want to book events on the platform
- Organizer - users who wish to create events on the platform
- Developer - having a special API Key, these users can access API endpoints to retrieve statistical data
Google OAuth2 is included for easier, faster and more secure login.
All data is stored in a MySQL database for production, a simple SQLite3 database for development. Events are supported with every CRUD operation which organizers can use on their dashboard:
Events are searchable by using the filter widget in the left panel, allowing users to find more relevant events easier.
Websites' frontend is built with the standard HTML, CSS and JavaScript. For styling the Sass Preprocessor is used to make development faster and easier, with the resulting CSS file being built from all Sass components. The entire UI is optimized for all types of devices, with the filter widget becoming a slidable window on small devices. This widget can be accessed by swiping from left to right to bring it up.
The main layout of the page uses CSS grid for displaying events in an organized manner, adding pagination for easier load times:
