Krzysztof Obarzanek

FullStack JavaScript Developer

Hi, I'm Krzysiek - a passionate tech enthusiast with a special love for computer hardware and gaming. I stay up-to-date with the latest technological trends and innovations. As a web developer, I specialize in frontend development, crafting engaging and user-friendly interfaces. I'm also actively expanding my skills in backend development, embracing the full-stack journey. Below, you can explore the technologies I work with and check out some of my projects that showcase my abilities.

profile image

Known technologies

Here are some of the technologies I have used

  • HTML5
  • CSS3
  • JavaScript
  • React
  • TypeScript
  • Node
  • Express
  • MongoDB
  • PostgreSQL
  • MySQL
  • Tailwind
  • SCSS/SASS
  • Styled-Components
  • NextJS
  • Git
  • Astro
  • Prisma
  • Playwright
  • Jest
  • Framer Motion
  • Supabase
  • Cloudinary
  • NextAuth
  • JsonWebTokens

Projects

Here are some of the projects I've worked on

  • FullStack Task Tango

    • Organized the backend using Node.js and Express, with MongoDB as the database. The main server file handles application setup, database connection, and middleware configuration, creating a robust foundation for the API
    • Implemented a comprehensive REST API with full CRUD functionality for tasks, separating routes and controllers for better code organization and maintainability
    • Built a secure authentication system using JSON Web Tokens (JWT) for user management, including registration, login, and session handling
    • Implemented state management using TanStack Query (React Query) for efficient server state handling, caching, and automatic background updates, significantly improving the application's performance and user experience
    • Developed a responsive and accessible UI using Tailwind CSS and shadcn/ui components, with a custom theme system supporting both light and dark modes. The design follows modern web standards and best practices
    • Implemented TanStack Router v1, a fully type-safe router for React applications, providing features like file-based routing and automatic route type generation
    • This project demonstrates a modern approach to full-stack development, combining robust backend architecture with a responsive and user-friendly frontend, while maintaining high standards for code quality and user experience.
    • Tailwind
    • React
    • TypeScript
    • Axios
    • React Hook Form
    • Zod
    • Vite
    • MongoDB
    • NodeJS
    • Express
    • Tanstack Query
    • Tanstack Router
    • JWT
    • Mongoose
    • Bcrypt
  • FullStack Simple Blog

    • Using Mongoose to work with MongoDB, with the connection logic separated into a configuration file
    • Implement a REST API with full CRUD functionality for articles. By separating routes and controllers, I’ve maintained a clean and modular codebase
    • Added proper error handling for database operations, ensuring that the application provides clear feedback to users. This is a crucial step in building reliable backend systems
    • Using React with Vite, which allows me to create fast and efficient applications
    • Implement navigation using react-router-dom, allowing users to move between pages like the homepage, article creation, and individual article views
    • Integrate APIs using the Fetch API and centralized the endpoints in a constants file. This structure makes the code easier to maintain and update
    • Organize the backend using Node.js and Express. The main server.js file sets up the application and connects to the MongoDB database, helping me understand how to properly configure a server
    • Tailwind
    • React
    • MongoDB
    • NodeJS
    • Express
    • Mongoose
  • Room Rental App

    • Building Forms with React Hook Form and Zod for Validation
    • Styling with Tailwind CSS
    • Database Design and Integration. Implementing proper relationships between tables while maintaining data integrity
    • Authentication and Authorization. Implementing role-based access control (admin vs regular users)
    • TypeScript Integration. Creating proper interfaces for database models
    • NextJS
    • Tailwind
    • React
    • TypeScript
    • React Hook Form
    • Zod
    • CSS
    • JavaScript
    • NextAuth
  • Movie Rating App

    • Deep Integration with Git and GitHub
    • Implementation of a UI Library
    • API Integration and Data Management
    • Routing and Navigation via React Router
    • User Authentication and Session Management
    • Biggest Challenge: API Integration and Data Management
    • Tailwind
    • React
    • TypeScript
    • CSS
    • JavaScript
    • React Router
    • Shadcn/ui
    • React Query
    • Vite
  • React Quiz

    • Learning and Implementing Next.js with JavaScript
    • Integrating Framer Motion for Animations
    • Styling with Tailwind CSS
    • Database Management with better-sqlite3
    • Building Forms and Managing State with useReducer
    • Adding Sound Effects
    • Biggest Challenge: Utilizing useReducer for State Management
    • NextJS
    • Tailwind
    • React
    • Framer Motion
    • SQLite
    • CSS
    • JavaScript
  • Portfolio

    • Learning and Implementing Next.js with TypeScript
    • Integrating Framer Motion for Animations
    • Using EmailJS for Email Functionality
    • Building Forms with React Hook Form and Zod for Validation
    • Database Management with Prisma and SQLite
    • Biggest Challenge: Utilizing Prisma for Data Management
    • Testing the Application with Playwright
    • NextJS
    • Tailwind
    • React
    • TypeScript
    • Framer Motion
    • Axios
    • React Hook Form
    • Zod
    • Prisma
    • Toastify
    • SQLite
    • EmailJS
    • Next Themes
    • CSS
    • JavaScript
    • Playwright

More you can find on my GitHub profile!

Courses

The most important courses I have completed

  • The Complete JavaScript Course 2023: From Zero to Expert!

    Course Link
  • The Ultimate React Course 2023: React, Redux & More

    Course Link
  • Understanding React "Zrozumieć React"

    Course Link
  • The complete SQL bootcamp: Go from Zero to Hero

    Course Link

Contact

Feel free to get in touch with me