web-development

Web Development

This repository contains all of my projects from the Web Development curriculum The Odin Project. It includes projects written in HTML, CSS, JavaScript, SQL, Ruby and Ruby on Rails. These projects are in order of completion.

Project

These projects are listed in ORDER OF COMPLETION. The further down you go, the more experience I had.

Course: Web Development 101 (COMPLETED)

In this course, I learned the basic tools and technologies that every web developer should know.

### Google Homepage (HTML, CSS) :computer:

Website : https://michpara.github.io/google-homepage/

Code : https://github.com/michpara/google-homepage

### Rock, Paper, Scissors (HTML, CSS, JavaScript) :scissors:

Website : https://michpara.github.io/rock-paper-scissors/

Code : https://github.com/michpara/rock-paper-scissors

### Etch-A-Sketch (HTML, CSS, JavaScript) :notebook:

Website : https://michpara.github.io/etch-a-sketch/

Code : https://github.com/michpara/etch-a-sketch

### Calculator (HTML, CSS, JavaScript) :heavy_division_sign:

Website : https://michpara.github.io/calculator/

Code : https://github.com/michpara/calculator

Course: Databases (COMPLETED)

In this course, we learned about relational databases and worked with them using SQL.

### SQL Zoo :leopard:

Code : https://github.com/michpara/sql-zoo

Course: JavaScript (and React) (Work In Progress)

In this course, we learn how to make websites dynamic and interactive with JavaScript. Create features and stand-alone applications. Learn how to manipulate the DOM, use object-oriented programming principles, and build single page applications with React.

### Library (HTML and JavaScript) 📚

Website: https://michpara.github.io/Library/

Code: https://github.com/michpara/Library

### Tic Tac Toe (HTML, CSS, JavaScript) 🎲

Website: https://michpara.github.io/tic-tac-toe/

Code: https://github.com/michpara/tic-tac-toe

---

Course: Ruby Programming (Work In Progress)

In this course, we covered Object Oriented Design, Testing and Data Structures in Ruby.

### Ruby (Ruby) :gem:

Code : https://github.com/michpara/ruby

### Tic Tac Toe (Ruby) :o: :heavy_multiplication_x:

Code : https://github.com/michpara/tictactoe

### Mastermind (Ruby) :black_circle: :white_circle:

Code: https://github.com/michpara/mastermind

### Event Manager (HTML, Ruby) :book: Note: For this project, we were given a tutorial to follow.

Code: https://github.com/michpara/event-manager

### File I/O and Serialization (Ruby) :page_with_curl:

Code: https://github.com/michpara/file-io-and-serialization

### Recursion (Ruby) :gem:

Code: https://github.com/michpara/recursion

### Data Structures (Ruby) :gem:

Code: https://github.com/michpara/datastructures

### WIP: Testing Your Ruby Code (Ruby, Rspec) :heavy_check_mark:

Code: https://github.com/michpara/testing-your-ruby-code

Course: Ruby on Rails (Work In Progress)

In this course, we learned how to fully craft a site’s backend using the Model-View-Controller design pattern.

### Blog App (HTML, Ruby, Ruby on Rails) :pencil:

Note: For this project, we were given a tutorial to follow.

Website: https://michelle-blog-app.herokuapp.com/

Code: https://github.com/michpara/blog

### Micro-Reddit (Ruby, Ruby on Rails)

Code: https://github.com/michpara/micro-reddit

### Re-Former (HTML, Ruby, Ruby on Rails)

Code: https://github.com/michpara/re-former