Final Project User Stories & Wireframes

Difficulty

intermediate

Average duration

8 hrs

Technologies

React Context API
postgres
JWT
React Flux
alembic

ReactJS

Javascript

SQL Alchemy

Flask

context.api

Difficulty

intermediate

Average duration

8 hrs

Technologies

React Context API
postgres
JWT
React Flux
alembic

ReactJS

Javascript

SQL Alchemy

Flask

context.api

Signup and get access to similar projects

Difficulty

intermediate

Average duration

8 hrs

Technologies

React Context API
postgres
JWT
React Flux
alembic

ReactJS

Javascript

SQL Alchemy

Flask

context.api

Difficulty

intermediate

Average duration

8 hrs

Technologies

React Context API
postgres
JWT
React Flux
alembic

ReactJS

Javascript

SQL Alchemy

Flask

context.api

Weekly Coding Challenge

Every week, we pick a real-life project to build your portfolio and get ready for a job. All projects are built with ChatGPT as co-pilot!

Start the Challenge

Podcast: Code Sets You Free

A tech-culture podcast where you learn to fight the enemies that blocks your way to become a successful professional in tech.

Listen the podcast

Final Project Architecture

It's time to thing about what you are going to be building, you'll have to develop an entire product, prepare a presentation & demonstrate the product and the idea to family, friends and hiring partners.

This project should be started after you have the class about Agile Development because you will have to create User Stories and a Kanban Board.

Instructions:

Start the project using the academy Full-Stack boilerplate that contains Front-End and Back-End all together.
Add all your user stories into the repository issues as it will be the main repository for your project specs.
Please create a Github Kanban Automated Project with the KANBAN columns: Backlog, Todo, Doing, Done.
Now add the issues into the project as cards, plan for your first iteration.

Technological Requirements for the project:

Several Pages (for example: Home page, Login Page, Profile Page, etc.).
User authentication (Login+Signup+Forgot Password).
Custom made API with Authentication.
3rd party API integration (embeds and iframes don’t count), it has to be a back-end integration.
React.js application using Flux and React Router.
Anything else the student wants to add.

Methodology Requirements

The project must have between 2 - 3 team members (3 is better than 2)
Start by doing the wireframes and user stories and add them into your repository issues and projects (you have to deliver them).
Create all the user stories with acceptance criteria.
Use a Kanban board for follow up on Github Project Boards

Building the Wireframe

A great way to polish your user stories is to draft of all your application wireframes.

Please create all the wireframes for your application's MVP.

Steps

Start by building a sitemap.
Then do the wireframe of your home page.
Continue drawing the most important pages.
Everytime you draw a page, identify and highlite the re-usable parts to convert them into components.
Try to re-use everything all the time. The less code, the better!
Keep it simple!

BE LEAN!

Like Really LEAN!

This and many other projects are built by students as part of the 4Geeks Academy Coding Bootcamp by Alejandro Sanchez and many other contributors. Find out more about our Full Stack Developer Course, and Data Science Bootcamp.

Upcoming workshops

1hr duration

Starts in 9 days

Simplifica tu vida: Construye un asistente de resúmenes con React y ChatGPT

Book your place

Continue learning for free about:

React Context Api, Postgres, Jwt, React Flux and more.