Brittney Olivia's Projects
βοΈ Bleed blog. A bleed blog allows graphics to run to the edge of the page. You will see this commonly shown in wordpress blogs. This was build with that in mind.
using express and node.js
π» This project consist of React and redux. It is a fully functioning Counter. You can increase, decrease and set the counter output to a specific number of your preference.
π» Using an AJAX grab data from github and display my repos to the user.
π This application was built using Bootstrap. This is an example of the how to use the Bootstrap grid and classes to create a quick single page static application. Includes a parallax feature.
π» Responsive Coming Soon page. This site was built using html, css and css flexbox.
π» This project is created using React. Using the github API and lifecycle method (componentDidMount) I am rendering a Github profile to the user.
π»This Counter project was created using React Hooks. Specifically useState was implemented to adjust the state of our Counter. Feel free to increase and decrease the Counter.
Css Grid with flexbox -fully responsive
π This application was built using html, css and javascript. This id generator takes in the users information and generates a personalized id card based on the users given information.
πͺ FlexBox for beginners - Using media queries to improve styling based on window dimensions.
Flexbox for beginners-How to wrap content using flex-wrap
Flexbox -Basics for beginners. This small project consist of a flex container where you can change the flex-direction between a column, row or reverse.
Examples of how to justify content and align items using Flexbox.
Beginners project on how to incorporate keyframes into our Flexbox project.
Flexbox for beginners- adding in transitions to animate search bar and submit button.
β‘οΈ This project is build with React, Redux and github API. This application allows you to search for a repository on Github and will display to the user all of the repos with that name.
A boilerplate for Node.js web applications
Uses HTML, JS and Jquery.