https://github.com/analizapandac/100daysofcode

Code for at least an hour a day and repeat the next day. A project inspired from several FreeCodeCamp articles published on Medium.
https://github.com/analizapandac/100daysofcode

Last synced: about 1 month ago
JSON representation

Code for at least an hour a day and repeat the next day. A project inspired from several FreeCodeCamp articles published on Medium.

• Host: GitHub
• URL: https://github.com/analizapandac/100daysofcode
• Owner: analizapandac
• Created: 2016-06-21T02:30:24.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-29T17:31:16.000Z (over 6 years ago)
• Last Synced: 2024-10-14T00:09:12.351Z (3 months ago)
• Language: JavaScript
• Size: 21.2 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 100DaysOfCode

Code for at least an hour a day and repeat the next day. A project inspired from several FreeCodeCamp articles published on Medium.

### Projects

1. **Employee Directory** - an employee listing built using Meteor and React

1. **Tour of Heroes** - an Angular 2 tutorial

1. **CSS Flexbox Practice #1** - Created Facebook banner section using CSS flexbox [[codepen](https://codepen.io/analizapandac/pen/OojPPW)]

1. **CSS Flexbox Practice #2** - Created a copy of the [Daily Prophet](http://redonion.se/cssgrid/) using CSS flexbox [[codepen](https://codepen.io/analizapandac/full/NLMemQ/)]. I decided to write an article about it as well. Check it out at [dev.to](https://dev.to/analizapandac/creating-a-copy-of-red-onions-daily-prophet-using-css-flexbox-1klo).

1. **CSS Grid, Flexbox and Multi-columns Layout Practice** - Re-implemented a copy of the [Daily Prophet](http://redonion.se/cssgrid/) using CSS grid, flexbox and multi-columns layout altogether [[codepen](https://codepen.io/analizapandac/pen/EeeXpp)]. Article available at [dev.to](https://dev.to/analizapandac/using-css-grid-flexbox-and-multi-columns-layout-to-recreate-the-daily-prophet-7hd)

1. **CSS Images: Polaroid** - Trying first [@agathacco](https://twitter.com/agathacco)'s CSS series [part 2 tutorial](https://dev.to/agathacco/how-to-create-pure-css-illustrations-and-animate-them---part-2-1ao4) before reading the whole article. Check it out at [Codepen](https://codepen.io/analizapandac/pen/KxbqOV). No animations implemented on this version.

1. **CSS3 Illustration & Animation: Cow Alien Abduction** - Created a pen inspired from this [Dribbble shot](https://dribbble.com/shots/4737477-Guitarist) by JomoDesign. I replaced the guitarist with a cow though.:D Check it out at [Codepen](https://codepen.io/analizapandac/pen/jvJgWo).

1. **CSS3 Pure Image & Animation: 408 Error Page** - Created a pen for Codepen's weekly challenge #cpc-408 error page. Image inspired from this [Dribbble shot](https://dribbble.com/shots/5301081-Timer) by Alex Kunchevsky.  Check it out at [Codepen](https://codepen.io/analizapandac/full/JmjpoP/).