This was one of my first experiences with the full web development stack. My previous web dev projects were mostly front-end focused. I made my personal website (this website!), which is a static site with just vanilla HTML, CSS, JS. I also made a LinkedIn clone, which used a React + Redux front end, and BaaS (Back-end as a Service) / PaaS (Platform as a Service) with Google Firebase.
The front end is a mix of client-side dynamic pages (with React) and static pages (server-side dynamic pages rendered through Flask and Jinja). I had a bit of experience with React already, but this helped me gain more confidence with React and become familiar with best practices. React functional components are pretty fun actually, and I enjoy front-end development with React so far. I also got more practice writing HTML + CSS quickly to match a design, which is so much easier than front-end development with Unity LOL.
The back end is made with Python Flask. To interface with React components, I made a Rest API (kinda fun actually). I also wrote Flask entries to render the server-side dynamic pages. I used SQLite as the database because the scale of this project is small (user base = 1). However, I would definitely like to gain experinece with PostgreSQL and MySQL in the future.
Overall this was a fun project, which is good LOL since the majority of software development opportunities are related to web development in some way! I like front-end development, especially with React. It's pretty fun to work with designers and iterate to achieve the best UX and something that is very visually appealing (based on experience with my project team). Writing HTML, CSS, and JS to do that is pretty enjoyable (though, I'm not sure if I like Javascript very much). I also like back-end development. Writing the Rest API was pretty fun, though I guess there are many more complexities with back-end systems that I didn't have to deal with -- like distributed systems woo!
Patrick Halim - 12/26/23
I made a full-stack Instagram web app with a ReactJS frontend and Flask rest API. Similar to Instagram, it features a modern UX through infinite scrolling, commenting, double-tap to like, account creation, and account editing.
Skills used: Python, Flask, SQLite, ReactJS, Javascript, HTML, CSS
Copyright © 2023 Patrick Halim
