Sorin Craciunescu's repositories
accordion
FAQs Accordion React Component for conditional rendering and useState hook
Advanced-React-Patterns
In this project I studied the Render Props Pattern, High Order Component (HOC) and the Compound Component Pattern.
Bankist-Marketing
Bankist Marketing Website with sticky navigation, smooth scrolling, modal, lazy images, tabbed component and slider
BankistApp
Minimalist banking web application
classy-weather
A small React App for better understanding of React Class components and the lifecycle methods. The app fetches wether data from the open-meteo.com API and displays the data to the UI for the next 7 days.
dev-card
Create a developer card component in react with description, picture, and skills.
eat-n-split
React app that helps you split the bill with one of your friends. In this app I used the usState() hook, controlled elements and conditional rendering.
Fast-React-Pizza
React App created with Vite where I've learned Redux Toolkit (@reduxjs/toolkit), React Router and Tailwind CSS for styling.
flashcards-component
React component that renders a question card and when you click it, the answer is revealed.
Forkify
Forkify Javascript Recepies App
jaxteller2016
Config files for my GitHub profile.
Mapty-JS
Mapty JavaScript App
React-Component-Currency-Converter
A react component that uses an API to convert between 4 currencies.
React-Date-Counter-v1
React App that tells the user the future date based on the nr. of days the user sets up.
React-Quiz
Small React App for learning the useReducer hook for state management and practicing derived state and component composition.
React-Redux-Bank
Simulation of Bank account operations using classic Redux, react-redux and Redux Toolkit (@reduxjs/toolkit)
React-The-Atomic-Blog
Small React App for learning useContext() hook, memo and useMemo() optimization hooks.
React-Tip-Calculator
React App that calculates the average of bill tips for 2 friends based on the value of the bill.
React-To-do-List-App
To Do List App created in React for Managing your Daily Tasks
steps-v1
React Steps Component v1
Text-Expander_Reusable-React-Component
A reusable React Component for expanding the text of a paragraph and show more or less text depending on the number of words the user wishes to see from a certain paragraph.
the-wild-oasis
React App where I've practised React Router, Context API UI state management, React Query for remote state and Styled Components for styling.
useGeolocation
Custom React hook for getting the GPS coordinates of a user and display the user position on OpenStreetMap.org
usePopcorn
A React 18 demo project for fetching a movie API and displaying a list of movies based on the user search query. The user can rate a movie he saw and then add it to his list of watched movies. He can also see details of the selected movie and also remove it from the list of watched movies.
useReducer-Bank-Account
Small React App for practising state management and state mutation using the useReducer hook.
workout-timer
Small react web-app composed of a workout timer and which calculates the total time needed for a complete workout based on user inputs like: type of workout, nr. of sets, speed of the exercises and length of breaks between exercises. Project used with React dev tools Profiler to optimize the app performance using useCallback() and useMemo().
WorldWise
Small React app that helps the user keep track of the visited cities and countries. Great app for practicing React Router and Context API + useReducer() hook development pattern.