LifeCycle is an interactive, animated cv builder that allows users to document their life milestones. Users can create an account, Sign In/Sign up, add milestones and attach different types of information to each milestone. Information such as text, images, qualifications, skills and location. The idea for LifeCycle was born when a team member was updating their CV, struggling to condense their life experiences onto a single, dull page. It was a frustrating process that left them feeling like the traditional CV format didn't accurately capture their essence or achievements. This realisation sparked the idea for a platform that could revolutionise how people present themselves to potential employers, clients, and the world. The intended use for this app is primarily for people seeking work to show to an employer, but not exclusively. Users can also use the app to showcase there personal accomplishments and general life milestones which could be displayed for friends and family.

We used: Front-end: Svelte, JavaScript, HTML5, CSS3, Tailwind. Back-end: Firebase, LeafletJs.

We chose svelte because its a small, performance-based front-end framework which was a small stepping stone from our existing React knowledge, which allowed us to venture out into the scary world of new tech whilst staying relatively "close to home" in terms of our knowledge. Svelte has a lot of built-in animations and features which suited us well for the vision of our project. While survey's describe it as "most-loved", it's not one of the more common frameworks. While there is a lot of documentation for Sveltekit, a more up-to-date way of initialising a Svelte app, we used a previous method which was not as well documented for Firebase integration. The framework is simple and has a lot of features such as in-HTML await for asynchronous operations and easy to use "global" variable store. We chose Firebase because as a team of front-end favouring developers, we hate backend development. Luckily, Firebase allowed us a quick and easy backend integration into our app, and we have used many of its features, such as authentication, storage and the real-time database. It has a clean and clear interface which helped us massively in storing and protecting our user data.

One of the biggest challenges we faced in the project was time management, as we had to learn new front-end, back-end and styling tech as we were developing the app. We also had a lot of trouble retrieving data from the back-end to populate our account page which cost us a lot of time trying to figure out how to reconcile this. We also had trouble with the animation side of things. It was completely new to us and time permitted we didn't achieve our desired result.

The app has planned new implementations such as: Multiple LifeCycles per user. Adding Gifs to milestones. More animations. Light and dark modes. The ability to import your LinkedIn profile to auto generate a LifeCycle, which can be edited. Customisation feature for the user to toggle fonts and themes.