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) 💻

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

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

Rock, Paper, Scissors (HTML, CSS, JavaScript) ✂️

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

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

Etch-A-Sketch (HTML, CSS, JavaScript) 📓

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

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

Calculator (HTML, CSS, JavaScript) ➗

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 🐆

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) 💎

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

Tic Tac Toe (Ruby) ⭕ ✖️

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

Mastermind (Ruby) ⚫ ⚪

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

Event Manager (HTML, Ruby) 📖

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

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

File I/O and Serialization (Ruby) 📃

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

Recursion (Ruby) 💎

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

Data Structures (Ruby) 💎

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

WIP: Testing Your Ruby Code (Ruby, Rspec) ✔️

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) 📝

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