This is the frontend for my redesign project of the Telford Leisure Services sign up process. This frontend was built with Angular (v13) and designed using the Gov Design System styles, components and patterns to make it more consistent with GOV.UK.
Here is a working live demo: https://telford-leisure-services-front.vercel.app/
Figma design file: https://www.figma.com/file/XnDJNj77ZnkZUftF5giXqe/telford-leisure-services
^ The top row consists of screenshots of the current sign up process, and the bottom row my redesigns which I have implemented in this angular front end.
- Ability for members to create new accounts using the 'Question Pages' GDS pattern
- Ability for members to change their answer to any question before account creation using the 'Check Answers' pattern
- Form validation with GDS error messages and summaries
- Ability to login to the service
- Ability to give feedback on the service
- Forgotten member number retrieval via email
- Password reset functionality
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/chris-ian-jones/telford-leisure-services-front
# Go into the repository
$ cd telford-leisure-services-front
# Go into the Angular project folder
$ cd ng-telford-leisure-services
# Install dependencies
$ npm install
# Run the app
$ ng serve -o
Note Here is a link to the backend project which you will also need running locally on your computer: https://github.com/chris-ian-jones/telford-leisure-services-back
- Angular - The modern web developer's platform
- GOV.UK Design System - Design system to make your service consistent with GOV.UK. Learn from the research and experience of other service teams and avoid repeating work that’s already been done
- Sendinblue - Sendinblue’s API is used as an email router to send out emails
You can check out the full license here
This project is licensed under the terms of the MIT license.