Hello World!
My name is Maryam Hanifi. I am a web developer based in Berlin.
The things that I enjoy a lot to do:
- Front-end development
- Back-end development
- Making new mobile Apps
- Writing articles
- painting and sculpture
- Petting cats 🐾 ❤
My Projects
Pokédex App
I built this app with HTML, CSS and Javascript that loads data from an external API. When each pokemon button is clicked, the image and the height of the Pokemon appears on a modal. This modal can then be closed by clicking on the close (x) button, pressing the escape key or clicking outside the modal. The app is resoponsive for different screen layouts.
Technologies:
Movie API - T-Flix
This was my first experience creating an API. T-Flix is a movie app that includes only films and series as well as documentaries in which trans people have either starred as actors/actresses or directors. This API will be used in a client-side app, T-Flix Client. The app uses non-relational database, [MongoDB] to fetch data from. The app is deployed on fly.io
Technologies:
MyFlix-Client side - React
MyFlix is a SPA movie application build with React that have multiple views and it allows users to register, read informations about movies, directors, casts, genres as well as the movies' poster. Registration gives the authorization to users which is required for them in order to be able to see the informations on the app.
Technologies:
Meet App
In this App users use their Google account for authentication to log-in and see the upcoming events in each city. "Meet Me There" is a PWA app that works both online and offline. I created this app following the BDD and DDT approach.The data will be fetched from Google Calendar API. Upcoming events will be shown in chart format as well.
Technologies:
Chat App
is native mobile app build with React Native, Expo as well as the Google Firestore Database with the features:
- Start screen: where the users can write their name and choose a background color for the chat screen.
- redirecting through screens:the users will be able to chat screen from the start screen and opposit.
- Chat screen: where the user can chat with the chosen name from the start screen at the top of the chat screen.
Technologies:
MyFlix app client-side - Angular
I this project I experienced Angular and its great features, tools and materials to build another client-side app for my movie API.The app's user flow is the same as the React version of the app. unlike the React version of the app, this version has a welcome page and a different user experience. It is also documentated using TypeDoc.
Technologies:
