- 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
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
The Complete JavaScript Course 2023: From Zero to Expert!
The Ultimate React Course 2023: React, Redux & More
Understanding React "Zrozumieć React"
The complete SQL bootcamp: Go from Zero to Hero