React Micro Projects
Front-End Learning Projects for freeCodeCamp
Roles: Front-End Development, UI Design
- 
      
      
      
        
  
       Pomodoro TimerA React Pomodoro Timer, featuring the infamous Lo-Fi girl. 
- 
      
      
      
        
  
       Drum MachineA React Launchpad, to learn about sound integration and user inputs 
- 
      
      
      
        
  
       JS CalculatorA classic JS project, inspired by the iPhone calculator 
- 
      
      
      
        
  
       Markdown PreviewerTranslating Markup to HTML 
- 
      
      
      
        
  
       Random Quotes GeneratorRandom quotes and color generator 
- 
      
      
      
        
  
       Record RoomScrolling through Spotify Embeds 
Summer-Fall 2020
Courses: freeCodeCamp, Scrimba
Time: 2 Months (~1 project/week)
Project Type: Front-End Development, UI Design
During the height of the 2020 pandemic, I studied front-end development full-time on FreeCodeCamp and Scrimba, with the goal of crafting a software development portfolio. Starting from HTML and CSS, and continuing through React and NodeJS, I moved through the Legacy Front-End Development curriculum. I gravitated towards building simple front-end applications in React, building upon my skills in visual design and JS data structures.
Technology
HTML
CSS / Sass
Vanilla JavaScript
React
Platforms / IDE
CodePen
Code and Sandbox
GitHub