Hello everyone,
My name is Janna. Initially, I studied web development just to try it out, but over time I realized that this is what I want to pursue in the future. My journey began at the Canadian online programming school @Canshecode, where I study React and Node.js. Currently, I want to fully immerse myself in development, improve my skills and knowledge, and become useful and successful in this field.
World's Weather
A web application designed to provide up-to-date weather information for a city entered by the user. The application uses the OpenWeatherMap public API and allows users to quickly access current weather data through a simple and user-friendly interface, including current and “feels like” temperature, weather conditions, and the current date. All data is updated without reloading the page.
HTML
CSS
JavaScript
API
Restaurant Octopus
This project is a multi-page restaurant website designed to present the restaurant while providing an engaging and visually appealing user experience. The website includes a landing page with animated headings and navigation, a menu page showcasing dishes, a story page that introduces the restaurant’s background and values, and a contact page with a feedback form and social media links. Smooth animations and transitions are implemented using the GSAP library to enhance interactivity and responsiveness across different screen sizes. This website focuses on clear navigation, dynamic visual presentation, and effective communication with visitors.
HTML
CSS
JavaScript
GSAP
Destiny
This project is an interactive story-based web application inspired by the movie Mamma Mia. It allows users to explore multiple narrative paths by making choices that affect the storyline and outcome of the main character’s life. The application dynamically updates images, text, and available options based on user decisions, creating a branching scenario experience. The project focuses on DOM manipulation, event handling, and conditional logic to deliver an engaging, choice-driven interaction without page reloads.
HTML
CSS
JavaScript
Wine Restaurant
This project is a promotional web page for a winery, designed to present the brand and inform visitors about an upcoming opening. The application features a visually rich interface with a responsive image carousel, background music with user-controlled playback, and a real-time countdown timer that displays the remaining days, hours, minutes, and seconds until the opening date. Once the countdown reaches zero, the page automatically updates to inform users that the winery is open. The application provides an engaging user experience and dynamically updates content without requiring page reloads.
HTML
CSS
JavaScript
Bootstrap
Batman's Schedule
BatSchedule is an interactive web application designed to help users plan tasks and manage their time more effectively. The application enables users to create a to-do list by adding tasks, mark tasks as completed and remove them when necessary. It also includes a countdown timer that allows users to set a time for completing tasks and track the remaining time in real time. To enhance user engagement, the application features background music and an animated interface powered by the particles.js library. All interactions are handled dynamically, providing a smooth and user-friendly experience.
HTML
CSS
JavaScript
Cooking Book
This project is an interactive cooking book website for sharing personal recipes and stories. It includes sections for personal history, categorized recipes, and a form for users to share their own stories. Animations are implemented using GSAP and AOS libraries, including a typing effect for the main heading, scroll-triggered effects for content, and smooth transitions for menus and images. The site also incorporates background video, responsive navigation, and custom typography, creating an immersive and friendly user experience. The application focuses on storytelling, interactivity, and visual appeal, allowing users to navigate seamlessly between sections without page reloads.
HTML
CSS
JavaScript
GSAP
AOS library
Boiling
This project is an interactive web application designed to help users boil eggs according to their preferred level of doneness. The application enables users to select the desired egg doneness and then automatically initiates a countdown timer corresponding to the selected cooking time. During the cooking process, the interface dynamically updates to display the remaining time, hides unnecessary controls, and enhances the experience with looping video.
HTML
CSS
JavaScript
For job opportunities, projects, or general inquiries, don't heristate to get in touch. I'm always happy to connect.
Email: janna.moisiiadi@gmail.com