My most significant projects from my Bloomtech training.
Learner Cards
Used JavaScript to manipulate the DOM by fetching data from the network and built a section on the web page. It displays a list of learners along with their basic information such as ID, name, email, and a list of mentors. Users should be able to click on a learner to highlight it, and the list of mentors for each learner should be expandable and collapsible.
Star Wars Characters
Used React to manipulate the DOM by fetching data from the network and builds and displays a list of Star Wars characters with their basic information such as ID, name, date of birth, and home world. Users of the app should be able to click on a character card to expand some information on the character.
The Grid
Used React to build an 3x3 grid that gets rendered in the browser. Users can interact with the grid by clicking on buttons on the screen to control the coordinates of the highlighted block. The moves are also tracked by a counter above the grid.
Pizza App
Created a Pizza App where you can simulate making an order. You can pick the size, toppings, and submit your order. You can also filter through previous orders by the size of the pizza. All of the functionality for the Pizza App was created with React, Redux, and state management.
Articles App
Built the back-end for this application which interacts with two resources from a database with the CRUD methods. They get displayed onto the web browser, and of the data uses JavaScript, knex, and migrations to make the data work together.
Projects & Actions Database
Another back-end project. We used SQLite to take a look at the database to see how the data works by writing SQL. Three resources was working together with JaveScipt, knex, middleware, and CRUD methods.
Labs Ticket 1: Landing Page
The first Labs Project. I built the Landing page completely with React for the elements and Tailwind.css for the Styles. This project assigned us to learn new framework on our own.
Labs Ticket 2: Graphs Page
The second Labs Project. The Graphs page needed to be populated with data. The data is filled with an API Call inside of a rendered page using React and Axios.
Labs Ticket 3: Auth0 Integration
The Third Labs Project. This Project creates a user profile page that requires Auth0 set-up and project pushing to access. The profile page also got designed with Tailwind.css