Full-stack-todo-rust-course - we are building this out now in prep for the real course

Overview

full-stack-todo-rust-course

wip - we are building this out now in prep for the real course

Plan

  • Come up with the requirements
  • Create user stories
  • Design the todo app
  • Create the database schema
  • Create init.sql file
  • Dockerize database
  • Create the backend
  • Put a unique constraint on the username field in the db
  • Create list of components to make
  • Create atomic components
  • Create the frontend
  • Set up docker compose for all of the pieces

Requirements

  • CRUD tasks
    • Create the task
    • Update the task wording
    • mark task as complete
    • list all tasks
    • display one task with description
    • delete a task
  • Basic auth (username + password)
  • assign a task a priority
  • filter by priority
  • sort by priority

user stories

  • As a doer, I want to create an account
  • As a doer, I want to log in to my existing account
  • As a doer logging in for the first time, I want my account to see default tasks
  • As a logged in doer, I want to see a list of my tasks
  • As a logged in doer, I want to click on a task and see it's details
  • As a logged in doer viewing task details, I want to edit the task name and description
  • As a logged in doer, I want to create a task
  • As a logged in doer, I want to mark my tasks as complete
  • As a logged out doer, I don't want to be able to see my tasks
  • As a logged in doer, I want to delete a task
  • As a logged in doer, I want to be able to log out
  • As a logged in doer, I want to assign a task a priority
  • As a logged in doer, I want to sort my tasks by priority
  • As a logged in doer, I want to filter my tasks by priority

Design

View the wireframe at https://brookspatton508559.invisionapp.com/freehand/todo-app-course-ldCXDnSxy

Comments
  • Error running docker-compose on the latest code

    Error running docker-compose on the latest code

    I'm following your Yew introduction, specifically the "Introducing the Project - Introduction to Yew" video and have just cloned this repository to follow along.

    However, the following command fails with the shown error message:

    docker-compose --profile js-vue up
    ERROR: build path /[MY PATH]/full-stack-todo-rust-course/backend/rust/learning_axum either does not exist, is not accessible, or is not a valid URL.
    

    I reverted to the c0ccf9 commit and it works fine.

    By the way, thanks for all your videos, they make learning Yew easier.

    opened by psiphi75 2
  • docker-compose fails  for nodes-express backend

    docker-compose fails for nodes-express backend

    Hi, I am thoroughly enjoying the introduction to Yew course but I am unable to get your backend running using the repo and commands you specified in the "Starting the Todo Server" video.

    I get this output after the docker-compose --profile nodejs-express up command: WARN[0000] container 48af845507e651d38871bc166055c87719ea18983f7bb3e8ebed126ab6abe283 is missing com.docker.compose.container-number label WARN[0000] container 48af845507e651d38871bc166055c87719ea18983f7bb3e8ebed126ab6abe283 has invalid com.docker.compose.container-number label: WARN[0000] container 7d465136637ee8c0709a2dc9a16ffad839e6f73b261d4f03fb0ae9be2662d9b7 is missing com.docker.compose.container-number label WARN[0000] container 7d465136637ee8c0709a2dc9a16ffad839e6f73b261d4f03fb0ae9be2662d9b7 has invalid com.docker.compose.container-number label: [+] Running 1/0 ⠿ Container full-stack-todo-rust-course-main-database-1 Created 0.0s ⠋ Container 48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_48af845507e6_nostalgic_jennings Recreate 0.0s ⠋ Container 7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_7d465136637e_gallant_hellman Recreate 0.0s strconv.Atoi: parsing "": invalid syntax

    opened by MrDougLawrie 1
  • Use State instead of Extension

    Use State instead of Extension

    https://github.com/brooks-builds/full-stack-todo-rust-course/blob/bcd6ea71e4bf52af46d2b919cf35c2a78a7c1c7c/backend/rust/axum/lessons/data/src/routes/get_tasks.rs#L51

    probably you missed this line here

    opened by romanstingler 1
  • recorded yewdux lessons

    recorded yewdux lessons

    • Resetting lesson
    • created store
    • learned Yewdux with structs
    • Re-created yewdux functional examples
    • yewdux, and yewdux with forms
    • recorded functional yewdux lesson
    opened by BrooksPatton 0
  • can u make an amazon web / app clone?

    can u make an amazon web / app clone?

    can u make an amazon web / app clone?

    the interface of the tutorial makes it all look really not eye friendly. can you make the aesthetic better looking?

    the fastest ui to render it to look good or something

    opened by hiqsociety 1
  • Intro to Yew.rs course addendum: Adding Bootstrap to the project

    Intro to Yew.rs course addendum: Adding Bootstrap to the project

    Tasks

    • [x] Create checklist for the video
    • [x] Practice run
    • [x] Record video
    • [x] Upload video
    • [x] add to playlist
    • [x] tweet

    video

    • [x] Why use a CSS framework like Bootstrap
    • [x] Adding bootstrap to the project
    • [x] using bootstrap to create a new task form
      • [x] title
      • [x] description
      • [x] overview of aria
    • [x] breakout title into own component
    Business Priority 
    opened by BrooksPatton 0
  • Add installing wasm-bindgen-cli to get trunk working for Yew.rs course

    Add installing wasm-bindgen-cli to get trunk working for Yew.rs course

    Steps

    • [x] Reproduce the problem
      • [x] Create a dockerfile
      • [x] spin up a container
      • [x] launch the server
    • [x] If the problem still persists with the latest version of trunk-rs,
      • [x] plan a video on how to get trunk-rs working
      • [x] record video on trunk-rs
      • [x] upload video
      • [x] tweet
    Unplanned 
    opened by BrooksPatton 0
Owner
Brooks Builds
Welcome to Brooks Builds! Here I'm constantly learning and teaching skills around Software Development, Productivity, and Leadership.
Brooks Builds
MLH Prep Project for Pod 22.JUL.PREP.3

Weather Application This is a React Application, which fetches data from Open Weather API & Open AI API then displays it on UI. The displayed data is

MLH Fellowship 8 Jul 28, 2022
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

WMouton 2 Dec 25, 2021
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap

Ishmael Kargbo 3 May 12, 2022
This web application retrieves real live data from the Financial modeling prep API

This web application retrieves real live data from the Financial modeling prep API. It provides financial information about companies listed on Nasdaq 100 and Dow Jones Market indexes. All these companies are listed on the Home page. Users can filter these companies by searching for a specific company or by choosing one from the dropdown.

Sahar Abdel Samad 7 May 31, 2022
Prep Course correspondiente al contenido previo al examen de admisión Henry Challenge

Prep Course Introducción ¡Hola! Bienvenido/a al Prep Course para la carrera de Desarrollo Web Full Stack. En este curso introductorio podrás aprender

Soy Henry 21 Nov 10, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Scaffold a full-stack SvelteKit application with tRPC and WindiCSS out of the box

create-sweet-app Interactive CLI to quickly set up an opinionated, full-stack, typesafe SvelteKit project. Inspired by the T3 Stack and create-t3-app

David Hrabě 10 Dec 16, 2022
A website that will curate recently-asked interview questions from FAANG+ to help people practice & prep!

defaang.io A website that will curate recently-asked interview questions from FAANG+ to help people practice & prep! The questions will be submitted a

YK 488 Dec 12, 2022
Mike North's full-stack TypeScript Course

Full Stack TypeScript Mike North's Full Stack TypeScript course Video: Frontend Masters Course website: TypeScript Training: Full Stack TypeScript Set

Mike North 50 Dec 21, 2022
I built a full-stack project using Node, Express, Mongo, webRTC, socket.io, and of course React JS. This project is inspired by the awesome Clubhouse 😊

codershouse-mern - This Project is Under Development. Below are some of the implemented interface and the remaining features will be updated in future

Bishal Das 35 Nov 18, 2022
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

Linkr | Back end WIP Full Stack Development Project Browse Nodejs code» - Front end code» Built With Study Playlist In this section I included all You

Nivaldo Farias 2 Aug 23, 2022
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course

Linkr | Front end WIP Full Stack Development Project Browse JSX code» - Back end code» Built With Study Playlist In this section I included all Youtub

Nivaldo Farias 3 Jun 20, 2022
Lecture by lecture commits of the https://www.udemy.com/build-blockchain-full-stack/ course

Commit-by-commit breakdown of "Build a Blockchain & Cryptocurrency | Full-Stack Edition" This is a commit-by-commit breakdown of "Build a Blockchain &

David Katz 9 Dec 12, 2022
A simple Todo App with check complete function and filter todo. Made with React and TypeScript.

A simple Todo App with check complete function and filter todo. Made with React and TypeScript. The app can Add, Delete and Edit todo. Todo can be sorted by Complete or Active.

Bao Nguyen 9 Dec 6, 2022
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode

DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using

Medjahdi Islem 5 Nov 18, 2022
This project is a To-do list app which users can store and edit their Todo Tasks. Users can also change the order of their todo

Project This project is about a todo app bundling using webpack Additional description about the project and its features. Built With HTML CSS Javascr

Richmond Adu-Kyere 2 Jun 17, 2022
Todo-List is an online website where users can add a todo tasks. tasks can be removed , added, and edited. Built with Webpack and JavaScript.

To-do List Description To-do-list is an online website where users can add a todo tasks. tasks can be removed , added, and edited.Built with Webpack a

tarike bouari 9 Sep 9, 2022