Skip to content

vs-yashwanth/odin_projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

112 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

In this repository I will be building the projects as they are assigned in The Odin Project.

Deployment : Odin Projects

Foundations

1. Recipe Book

A simple barebones HTML recipe book that houses links to various pages containing various recipes.

2. Landing Page

A static webpage with UI elements. Made using CSS flexboxes.

3. Rock Paper Scissors

Play Rock Paper Scissors on the browser, written with basic JavaScript.

4. Sketch Pad

HTML and JS based sketch book - complete with the RGB mode for extra 'color'.

5. Calculator

A basic digital calculator built on basic JS with User Interface.

Intermediate HTML and CSS

1. Sign-up Form

A basic signup page for a small website using html forms on a website predominantly made using css grids.

2. Admin Dashboard

A barebones admin-dashboard made with css grid

Javascript

1. Library

A library webpage to track the books being read. Made using javascript objects and grid.

2. Tic Tac Toe

Tic Tac Toe on a webpage running on vanilla JS. In this project OOP concepts like factory functions, modules and closures were used.

3. Restuarant Page

An intro and purchase webpage for a restaurant made using the npm and webpack.

4. To-Do List

A to do list to seamlessly track and update your tasks and projects. Made using webpack and OOP principles. There's some room for improvement.

5. Weather

A webpage that displays weather

6. Testing with Jest

Practised test driven development through the Jest module.

7. Battleship Game

A turn based game where you have to sink all of the enemy ships by clicking their tiles. Its built with the TDD approach. Various other tools like webpack, jest, eslint, babel(for converting import syntax into commonjs syntax) etc. were also used.

8. Resume Maker

A resume making website built on React. Enter your details and generate a classy resume in pdf format.

9. Memory Card

A memory game where you are shown numerous tiles but you cannot click the same tile again. The tiles randomize with each clicks. Made with react functional components and hooks.

10. Shopping Cart

A basic shopping website where one can view a catalog of items and add them to a cart, change the quantity and checkout. Set up multiple pages using React Router.

11. Photo Tagging

A Rick and Morty themed where's waldo game :)

12. Instagram Clone

A clone of instagram made with React and Tailwind.

Advanced CSS

1. Responsive Portfolio

A responsive portfolio page that looks great on screens of all resolutions, made using responsive techniques learnt in the course like media queries.

Node Js

1. Simple Node Site

A simple node site with multiple routes that server different html files based on the route.

2. Mini Message Board

A simple message board site where users can enter their name and message and have their messages shown on the message board. Made with Express and ejs

3. Local Library

A library management system for your friendly neighbourhood local library, with the abilities to add, remove, update books, authors and genres. It stores the data on a MongoDB database on a cluster. Built with Express, Mongoose, EJS.

4. PC Parts Inventory

A place to keep track of your high end PC components. You can add items, categories and update/delete them as you see fit. It stores the data on a MongoDB database on a cluster. Built with Express, Mongoose, EJS.

About

Projects from The Odin Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published