Elly Pirelly's Projects
Chat App for mobile devices (phones) in React Native, which lets users take an image, share an image, share their geo location and re-read their messages while being offline
A very simple Communication App for mobile devices (phones) using React Native, which enables users to give access/then access their media library, give access/then access their device's camera, give access/then access their geo location data (to display it as a map).
Serverless PWA in React using the Google Calendar API. OAuth method/framework for authentication and authorization is handled by Google as secure 3rd party service. Serverless functions are hosted on AWS.
Responsive web application in Angular. It’s an app for movie lovers that want to be able to access information about movies and, once signed up, manage their favorite movies. It’s the frontend to the Movie API https://github.com/EllyPirelly/cf-movie-api
RESTful API using the MERN stack, that serves as the backend to both MoviePool Clients (React and Angular). It is documented via swagger and connects to a simple database that is hosted on MongoDB Atlas.
Responsive Single Page Application in React, using state routing to navigate between views. It’s an app for movie lovers that want to be able to access information about movies and, once signed up, manage their favorite movies. It’s the frontend to the Movie API https://github.com/EllyPirelly/cf-movie-api and the R part of the MERN stack
Responsive web application in HTML, CSS, JavaScript and a bit of Bootstrap and jQuery, that fetches data from an external PokéAPI, displaying Pokémon names as a list and Pokémon details as a modal
Demo Portfolio Website, containing basic HTML, CSS
A very simple Shoppinglist App for mobile devices (phones) using React Native, which provides users with the possibility to create shoppinglists that can have two items per list. Shoppinglists will also be available when user does not have an internet connection.
Simple React example - fetching Books off of Open Library
A very small and simple, responsive ToDo List with jQuery where a user can add items, cross out items, delete items, change order of items via drag and drop
Code along code snippets to Wes Bos JavaScript30 course. Simple HTML, CSS, JavaScript. No build processes.
Code along code snippets to Wes Bos Beginner JavaScript course.
MERN project with simple user log-in/sign-up. MongoDB. NoSQL database on MongoDB Atlas. Express.js framework for/in Node.js to benefit from out of the box functionality. React.js library for the client-side. Node.js runtime environment for the server-side.
Vue 3 Products and Cart App. More details see README. HTML, scss, JavaScript
A simple carousel with clickable previous and next button that take you to previous/next slide. Additionally a random button that randomises displayed slide on click. HTML, CSS, JavaScript.
A simple color flipper that generates named, hex or rgba colors. HTML, CSS, JavaScript.
Responsive Customer Information Banner (HTML, CSS), 5 color schemes.
Flexbox/Grid exercise, based on Frontendmasters "CSS Grid and Flexbox for Responsive Web Design". More details see README.
Flexbox exercise, based on Frontendmasters "CSS Grid and Flexbox for Responsive Web Design". More details see README.
Blog functionality with/in Gatsby. Exercise. Based on egghead tutorial "Build a Blog with React and Markdown using Gatsby". More details see README.
Integrate popmotion library, exercise based on Frontendmasters "Intro to Web Development".
Simple responsive website (HTML, CSS, JavaScript) to show a smooth anchor jump/scroll. No jQuery!
WIP. Integrate popmotion library into parcel, exercise based on Frontendmasters "Intro to Web Development".
Complement generator, involving Node.js and Express, exercise based on Frontendmasters "Intro to Web Development".
A first draft of my portfolio site, build with HTML, SCSS, JavaScript, parcel.js.
WIP/Tryout: Responsive dummy sites, build with Gatsby and tailwindcss.
Responsive privacy dialog (HTML, CSS, JavaScript).
Responsive static site (HTML, CSS) with "site refresh" button.