All my Odin Project stuff.
As of now, I've paused all my Odin Project progress since I've been learning on my own following a different path. I'll update this repo with new projects when they're done, however, the complexity of my current projects is significantly higher than the ones proposed on TOD. As of now, I'm focusing on React development and interactive experiences with Three.js and more complex libraries.
Still, I'd just like to say that I do recommend anyone looking to start on web development to give The Odin Project a try. It contains a lot of useful information and the projects are also a great way to start your webdev journey. The thing that made me drop TOD was the slow progress. I'm a person that learns by doing and, even though the projects are useful, I think they are either too easy or too hard. As of now I feel confident I can do any project on TOD, but by following TOD strictly it would've taken a lot more time to get to where I am.
Check out some of my projects! This are all related to The Odin Project, I'll probably come back to them later.
Landing Page: GitHub Repo | Live Preview
Rock, Paper, Scissors: GitHub Repo | Live Preview
Etch-a-Sketch: GitHub Repo | Live Preview
Calculator: GitHub Repo | Live Preview
Sign-up Page: GitHub Repo | Live Preview
Admin Panel: GitHub Repo | Live Preview
Book Record (no DB): GitHub Repo | Live Preview
TicTacToe (in progress): GitHub Repo | Live Preview
DAY 1: Completed 4 modules of the Foundations Course. I can now understand how a .html file should look like, as well as how to add a title, a header, some text, images and even links. I also learned how to keep my website folder clean and organized for me and other people to understand. I learned that html tags also have "arguments" that must be included in certain cases for different reasons. Of course, I also checked most of the pages that The Odin Project recommends to learn even more things.
On the other side, I learned how to use the terminal to create, delete and modify files and directories, as well as some pretty useful commands that I'll keep using on further lessons.
Lastly, I learned the basics of Git, which is why I can see this written on GitHub (which is not the same as Git!). I can have different versions of my code in case anything happens, since I can delete stuff without even noticing thanks to my lack of knowledge on terminal commands. Even though I already knew most of this stuff, I still learned some tricks and little things.
DAY 2: Completed the basic section of HTML by doing the "recipes" project (which you can find on the Projects folder). I've wrote more about that project on the README.md file that is located inside the folder of the project. However, something interesting I might do later is creating a website on this main directory so it can be my index and then putting all my projects there so anyone can see the projects in a single page. I'll do that later as I want it to look as good as possible, and I guess I'll have to rename some files for it to have a correct structure, but I will probably do that in the future.
It was a short day as I didn't notice it was the end of the HTML section, so I'll start the CSS section on day 3, as I think I deserve a little break and I'll practice my HTML for a little bit on my own!
DAY 3: I finished the basic CSS module with all of the exercises completed (which are on their own repo, you can find it on my GitHub profile). Learned about general styling using CSS, how specificity works and the difference between a type, class and id. I also learned how to make my code shorter by giving common styling to some elements and then specifying later the design of other elements. I understand as well about the parent/children relation on CSS. As the final part of this module, I have the "odin recipes" page some style with external CSS, as internal and inline will be used later (I think).
DAY 4 - 5: I forgot to comment on my progress on day 4. Basically I finished the whole flexbox section of the course, doing all the different tasks that The Odin Project offers. On day 5 specifically I started working on my Landing Page (which you can find on my Github pages and also as a repo) and successfully finished it on day 6 basically since it's quite early in the morning. So far I'm super happy of my progress since I didn't have many problems when doing the Landing Page. I think I still have to practice my Flexbox skills, but that'll take time of course.
DAY 6: I went through most of the Javascript sections. I can now do full conditional statements with the different types of operators as well. I didn't update this repo with much code since all the practice was made on several websites, but I hope tomorrow I will add some cool code with a full project! Also, I read a bit on my own and learned some cool tricks on HTML and CSS.
DAY 7 TO 10: I've been completing modules, however, most of those had independent exercises which is the reason why I didn't update this repo. Anyways, at this point I've completed every JS exercise successfully, I'm still trying to understand some stuff but luckily for me I've had some experience with programming before and that really helped me to get through this quite easily. Still, I've been practicing and I will keep doing that. As of now I'm learning how to manipulate the DOM with JS, you know, event listeners and such, which has me really excited to know what comes next!
DAY 8 TO 14: I finished the Rock, Paper, Scissors and Etch-a-Sketch projects! The later was quite difficult, but I made it! You can actually see a live preview on this same repo (of every project, I'll update them), since I created a repo for each project at the end. I've learned a lot of things of course, but I'm getting used to that JS-CSS-HTML manipulation since it can be a bit confusing at times. I'm sure the projects I've done so far are not perfect, so I'll fix anything later, but I'm super happy I made it to this point! I think I'm quite close from finishing the basic course, can't wait to see what's ahead!
DAY 15 TO 19: Got the Calculator project right (you can see it on the PROJECTS section!). It was a cool project since it required some logic, and I also made it work with a infinite amount of numbers as well which is more than the project asked for. However, I still need to fix some things that just don't feel right, but as of now I feel like I don't have the correct knowledge to achieve this. The logic is also quite long so when I learn new stuff I'll try to come back to this projects to improve them. I finally finished the basic course and I'm about to choose my path to learn more things!
DAY 20 TO 27: Finished the Sign-up form project, it was super fun and quite challenging really, but I'm super proud of the result since I had to Google a lot to achieve some of the things I wanted to implement. I also added dark mode support, which is quite exciting for me as I struggle a lot with white pages since my eyes are quite sensitive to light, so I might implement this on other sites. I'm also starting to work on my personal portfolio, as I've read that with the knowledge I have now I can make a great website and then I can update it later! The link to the project is on the links section of course.
DAY 27 TO 37: Yes, it's been 10 days since the last update, I was busy with another project so I had less time to advance on the course. However, I finished the admin page which is the last project of the intermediate HTML and CSS course! I added the link to the projects section as always. I will now advance to the next section since I have time to keep going right now!
DAY 38 TO 44: I've been doing a lot of JS exercises to improve my coding skills. As of now, I've also finished the book record project for the second JS course, so go ahead and check it out! So far I've been learning and remembering a lot of things, and I'm becoming more and more familiar with the OOP way.
DAY 44 TO 52: I'm close to graduating! Because of that, I've been busy working on some stuff for my thesis presentation, however, I've been trying to keep up the pace of TOD course. I just finished the Tictactoe project, at least the main project. I'm working on the AI that can play against the user, and also a reset button, but for now the game is functional with a web UI.