edel david

The Crwn Clothing website is a demo site made to explore using React.js as well as e-commerce functionality such as creating accounts, shopping carts, and payment integration via Stripe. The site was created using Redux for managing the application state and Firebase for database storage and user authentication. CSS styling was done with styled-components. The site is fully responsive for mobile devices.

Since this was my first time using Redux, Firebase, and styled-components I learned a lot. There was quite a bit of repetition, which helped solidify my knowledge of React applications.

This is the traditional Battleship game, created using React.js and SASS. It takes advantages of React Hooks to create pure functions as well as other performance enhancers. Users can place their ships either manually or at random locations and battle against the computer AI. Once the game is finished they can see the statistics of the battle.

Implementing the AI was certainly the most challenging part of the hole project. Other thing that took me a while to internalize was the concept that the view (board) is a data structure (array) that gets modified based on information from state, collected as players interact with the app.

WeatherCheck allows users to enter a city name and receive current weather data using the OpenWeatherMap API. Optionally, a user may provide their location using the Geolocation API by clicking on the location icon next to the input field. All cities with the specified name are displayed, and a temperature unit toggle is available to switch between Celsius and Fahrenheit. City cards are formatted with the help of CSS Grid.

One part of this project that had me Googling quite a bit was the Unix time returned by the API for sunrise/sunset times. I wasn't familiar with it before doing this project, and trying to figure out how to convert it to regular time, but also to the correct timezone of the city being displayed, was a tricky task.

This application puts your memory to the test. You are presented with multiple images from the Breaking Bad API. The images get shuffled every-time they are clicked. You can not click on any image more than once or else your score resets to zero. The main objective is to get the highest score as possible.

This was my first time using React so it was a huge learning experience. Before stating this project I felt a bit intimidated by all the new concepts introduced by React but eventually it all clicked

Based on the classic Tetris game, this application was designed in raw Javascript code(no libraries) It manipulates DOM elements to output the app onto an HTML canvas element. Relies on both event handling and the use of objects

This was one of the first projects I worked on. I think that having built it from scratch helped me greatly to strengthen my knowledge in the JavaScript fundamentals. In retrospect, it's simple, but required a great deal of trial and error and study at the time