This is a Scully starter project for a calendar website. It's configured to pull events data from Flotiq and can be easily deployed to your cloud hosting - Heroku, Netlify, etc.
Screenshot - homepage
Screenshot - event details
This project was generated with Angular CLI version 11.0.2.
-
Clone project
git clone https://github.com/flotiq/scully-event-calendar-starter
-
Setup "Event" Content Type in Flotiq
Create your Flotiq.com account. Next, create the
Event
Content Type:Note: You can also create
Event
using Flotiq REST API. -
Configure application
The next step is to configure our application to know from where it has to fetch the data.
In
src/environments/environment.ts
and insrc/environments/environment.js
changeYOUR_FLOTIQ_API_KEY
to Read only Flotiq API key.Remember to change them back to
YOUR_FLOTIQ_API_KEY
before committing code to repository. -
Start developing
cd scully-event-calendar-starter/ npm install
If you wish to import example events to your account install flotiq-cli, and run in project directory:
flotiq import [flotiqApiKey] .
It will add 4 events and 6 images to your Flotiq account.
Note: You need to put your Read and write API key in command. You don't need to have Event content type in your account. If you already have events with ids
event-1
,event-2
,event-3
,event-4
they will be overwritten.Run
ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The app will automatically reload if you change any of the source files.If you wish to add new elements to the project run
ng generate component component-name
to generate a new component. You can also useng generate directive|pipe|service|class|guard|interface|enum|module
.Run
ng build
to build the project. The build artifacts will be stored in thedist/
directory. Use the--prod
flag for a production build.To build the static version with Scully run:
npm run build --prod npm run scully -- --scanRoutes npm run scully serve
This will start the Scully static server on
http://localhost:1668/
-
Manage your events using Flotiq editor
You can now easily manage your events using Flotiq editor
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
You can deploy this project to Netlify in 3 minutes:
If you wish to talk with us about this project, feel free to hop on our .
If you found a bug, please report it in issues.