Project

Create a Dynamic Account Application Form

Put your front end development skills to the test building a high-converting, customer-friendly account application form for a financial services firm.

Frontend
</>
JavaScript
20 hours

About This Project

Instructions

Moonstone Financial, a consumer financial services firm, specializes in small investment portfolios, largely comprised of CDs and IRAs.

First-time investors are a significant growing segment for Moonstone. One of Moonstone's challenges is that their key customer demographics - lower and middle income families - do not tend to have a lot of knowledge about investing. Thus, Moonstone wants to focus on tools to help them understand their options at every step of their journey.

Your assignment is to design a greenfield app for users to apply to open a new type of account.

The application form will be updated dynamically based on a variety of options to keep the experience as simple as possible and will provide information about the different account types.

Core Features:

  • Collect user information (name, date of birth, email, address).
  • Validate input data and display errors as needed.
  • Submit validated data to a REST API.
  • Provide a dynamic, responsive user interface that includes mobile-optimized views.
  • Display relevant account information based on user choices.

User Stories

Detailed requirements are spelled out in the Project Plan pdf included in the downloadable starter materials.

Let's Start Building!

This project and many others like it are available with a Curricular account. Get started today.

Sign Up

Already have an account? Sign In

Includes

  • Detailed Rubric and Instructions
  • Starter Code and Assets
  • Professional Code Review
  • Technical Interview On Your Project
  • In-Depth Written Feedback Report
  • Certificate of Completion

Skills Practiced

  • Frontend Development: Responsive design using HTML, CSS, and JavaScript frameworks (e.g., React).
  • API Integration: Sending and handling HTTP requests to communicate with a backend API.
  • Form Handling: User input collection, data validation, and error feedback.
  • State Management: Managing form state and conditional UI updates.
  • UI/UX Design: Building dynamic, mobile-responsive interfaces that follow design mockups.
  • Version Control: Using Git for branching, merging, and managing code.

FAQ

Why should I build this project instead of one from scratch?

In a professional context, you're rarely starting from scratch. Curricular Projects are designed to give you a constrained real world problem so you can focus on practicing the essential skills you'll use as a professional developer, and to surface specific areas to continue studying.

Can I get help if I'm stuck on a project?

Our projects are designed to be a real world assessment of your skills, like the take home assignment during a job interview. Getting yourself unstuck is part of the skills measured. As a result, we offer very little help and direction.

However, if you encounter issues with the setup, or if you find something isn't working right that should be working, you can contact us at support@curricular.dev and we'll help you out.

Do you provide official solutions to projects?

We do not provide official solutions to projects. There are many ways to solve each of our projects. Coding is a journey, so our goal isn't for you to get the "right answer." Instead, our projects are about you flexing your skills to arrive at a solution, practicing talking about your code, and giving you helpful feedback on ways to improve.

Can I get feedback on my work?

Yes! Subscribers to Curricular Pro get their project solutions graded, with personalized feedback.

Where can I ask a question that isn't answered here?

Email us at support@curricular.dev or chat with us.

Start practicing like a pro

Create a Curricular account and start leveling up in minutes.

Join for Free