Tutoring Website
- 5 Devlogs
- 4 Total hours
A website that displays my experiences and promote my business. This will be treated much like a personal website
Ship #1
Finally got my website running through GitHub Pages! I used the npm gh-pages package to create a branch with the built files. This branch was later connected to GitHub Pages to launch the website! A few changes were made to the vite.config.js and package.json file to allow GitHub to access the project and launch the website! You can visit the website here: https://iarush.github.io/Iarush-Tutoring/
Added the actual logo to the site (top left). Also changed the layout of the intro page. Removed the cream-colored column and instead added a faded image that looks cleaner. This was simply done by adding a gradient rectangle on top of the picture using a CSS linear gradient. The overlay was positioned using position: absolute so it does not move other content around. Finally, I added a favicon to the website
On small devices, the website looked really funky, and the hero headline was nearly invisible. Essentially, the CSS for the columns and the background were coded to different thresholds, which failed to account for small devices. To rectify this, the background and the two columns were coded to the same min width.
My website is gong to be focused on a maroon and cream color which give a more heritage and I guess smart/ ivy look, so I decided to implement that into my website. Additionally, I took inspiration from the website design of: https://www.revolutionprep.com/. I really liked the layout of their website. With these two modifications needed, I re did the CSS aspects of my project to create a new front end look. Next step, figure out the backend integrations before I can polish the front end (Lowkey was more important ngl).
Just finished updating my website to React Standards. I previously only new old style static coding so my website pretty much sat inside a single html file. However, learning with Gemini showed that I should move into a React style project. So, I updated my project, downloaded node.js for local hosting and even implemented Tailwind v4 CSS to learn newer web dev skills
