Ori Baram's repositories
react-best-practices-design-pattens
This repo contains code examples from the article "Best Practices and Design Patterns in React.js for High-Quality Applications". Use these organized and downloadable examples to implement best practices and design patterns in your React projects for scalability and maintainability.
zetz-shop
eCommerce platform built with the MERN stack & Redux. Custom Bootstrap with Bootswatch. Backend: Node.js, Mongo DB, mongoose, Express, bcrypt, json web token, multer, nodemon, concurrently. Frontend: React, React-bootstrap, React-redux, React-router-dom, Redux-thunk, google-login.
connect-front-to-back-vite
This repository contains a MERN stack project that demonstrates how to connect a front-end React application created with Vite to a back-end Node/Express API. It can serve as a boilerplate project for a MERN stack application, providing a solid foundation for building scalable and maintainable applications.
bootcamper-api
This Node.js, Express.js, and MongoDB RESTful API offers authentication, CRUD operations, pagination, filtering, sorting, geocoding, and image uploading. Manage bootcamps, courses, reviews, and users based on different access levels. Search for bootcamps within a radius, and upload bootcamp images.
currency-converter
This is a React-based web application that enables users to convert between two currencies using real-time exchange rates sourced from the openexchangerate API. Additionally, it includes a Progressive Web App (PWA) for enhanced user experience and convenience.
nba-playes
NBA Players is a React-based web application that leverages the BallDontLie API to display NBA player statistics and allows users to search for players, mark their favorites, and manage these preferences in a visually appealing interface.
react-crud
React demo site to demonstrate CRUD with local storage and axios
pricing-table
This project showcases a responsive pricing table built using React, Vite, TypeScript, and Sass. The table includes three pricing cards (Basic, Standard, and Enterprise) with different features and prices, as well as Get Started buttons.
profile-card
This project demonstrates the implementation of a Profile Card component in a React TypeScript application. The component displays a user's name, profile picture, and bio.
shoes-app-demo
This is a Shoe CRUD application that allows users to Create, Read, Update, and Delete shoe entries. The app is integrated with a mock API for demonstration purposes.
weather-widget
Weather Widget is a simple app built with React, TypeScript, SCSS & Vite, displaying weather for six locations using mock data. Designed for responsiveness, it adapts to various screen sizes on desktops, laptops, tablets & smartphones. Two versions of App.tsx & WeatherCard.tsx showcase different design patterns.