my projects

Drawing from the five projects I previously studied, I'm currently developing an e-commerce website. For this project, I'm delving into various React hooks, crafting custom hooks, and gaining hands-on experience with authentication and database integration using Supabase. As I build out features, whenever I hit a roadblock, I refer to well-known sources to understand the rationale behind their implementation approaches. This process allows me to enhance my technical skills and deepen my grasp of best practices. My aim with this project is to expand my knowledge and practical experience by utilizing diverse React hooks, creating custom hooks tailored to my needs, and leveraging Supabase's capabilities for authentication and database connectivity. By studying established codebases and understanding the reasoning behind their implementation decisions, I strive to continuously improve my development skills.

The fifth project is an Airbnb clone project. Through implementing the search functionality to search for listings, I learned how the filters selected by the customer are transformed and passed to the database. While the structure was more complex compared to previous projects, the fundamental approach was similar, allowing me to understand how the basics evolved into more advanced forms of implementation.

The fourth project is a real-time chat and video conferencing website using websockets. I experimented with websocket functionalities while implementing features similar to those provided by Discord. Through creating custom hooks, I gained a deeper understanding of hooks. Additionally, I learned that using external design libraries can facilitate design development. Moreover, I learned how to use Prisma for database management, gaining experience in database usage.

The third project I created serves as an intermediary using APIs provided by AI websites. It acts as a bridge for customers who may find it difficult to directly interact with the APIs, providing them with an easy-to-use UI. Through this project, I learned about various companies offering AI services, and realized that incorporating useful features already developed by other companies into a website can significantly accelerate development speed, rather than developing everything from scratch.

The second project I created is a customer dashboard. To draw charts, I imported and used external libraries, and practiced fetching data from MongoDB to display customer and product information. It allowed me to learn how to apply CSS using CSS modules and understand the scope of CSS application.

This is my first project using the Next.js framework. I experimented with the newly introduced server action in Next.js 14 and also tried implementing user authentication using Auth.js. It was a project aimed at learning the file structure and basic functionalities used in website development with Next.js.