- Technologies Used
- End User and User Stories
- Initial Wireframe
- Break the app up into CSS Grid sections
- Break sections into components and code one at a time
A while back a mentor and I went hiking at a local state park. It was one of the best mentoring experiences I've ever had. We had a long conversation about my career goals, the technologies I was learning, and my passions.
Now I'm a teacher assistant in the Launch Code boot-camp and this article is to give aspiring developers a hint at building a landing page. This is a peek at my planning and development methods. Please remember, there are 100 ways to a solution. This is one of many paths to a good solution.
Next, spend time thinking of user stories. For this project, my end user should be one of my boot-camp students who I am mentoring.
- The user should read convincing text to understand why they should take this opportunity.
- The user should be able to click on a button to see potential dates.
- The user should be able to click on a button to proceed to sign up.
- The user should be able to join the Slack channel.
- The user should be able to contact me via email.
The next step is to create a digital copy of the paper drawing so I can:
- Finalize the idea
- Include UI/UX concepts
- Add colors
- Ability to export the wireframe into an image and share with others to get first impressions before I start coding.
My favorite resource for free images is undraw.com.
While it's not perfect, I got in a day of coding practice..