Jackeline
< Junior Web Developer />


Passionate about creating applications with lines of code!

SKILLS


  • HTML

  • CSS

  • JavaScript

  • Github

  • Sass

  • REST APIs

  • PHP

  • React

  • Node

  • Vite

SOFTWARE


  • Visual studio

  • Photoshop

  • MailChimp

  • Google Analytics

  • Figma

PROJECTS

Movie and Aninme Explorer

Movie and Anime Explorer

A React-based Movie and Anime explorer built with Vite and Tailwind CSS. This project is a remastered version of Kei Reports (2023) and integrates two third-party APIs to display upcoming anime and popular movies.

The application features interactive modals that present detailed information such as synopsis, release dates, and genres. Through this project, I focused on building clean component architecture, responsive design, and working with multiple APIs in a React environment.

Features:

  • Integration with multiple third-party APIs (TheMovieDB, Jikan)
  • Dynamic modals with detailed content.
  • Responsive layout across mobile, tablet, and desktop.
  • Styling with Tailwind CSS.

Technologies:

Frontend: React, Vite, Tailwind CSS, JavaScript, REST APIs.
Hosting: Netlify.

Task Manager App

Task Manager App

A simple yet functional task management web application built using Firebase Realtime Database and Firebase Authentication. This project focuses on core front-end development skills including user authentication, CRUD operations, and real-time data syncing.

Features:

  • User authentication with Firebase (sign in/out using Google).
  • User-specific data: Each user sees only their tasks.
  • CRUD functionalities:
    • Create tasks with optional due dates.
    • Edit and update existing tasks.
    • Mark tasks as completed (archive them).
    • Delete and unarchive tasks.
  • Responsive layout with a clean card-based interface built with Bootstrap and JavaScript.

Technologies:

Frontend: HTML, CSS (Bootstrap), JavaScript.
Backend: Firebase Authentification and Database.
Hosting: Firebase Hosting.

Fakemarket

E-commerce Dissertation Project | Fakemarket

"How can Click and Collect technology improve sales and profits for a retail business?"

This project explored how Click and Collect systems can serve as a strategic asset in retail, especially in times of crisis like the COVID-19 pandemic. The research focused on Primark, a business heavily reliant on in-store sales, and contrasted it with case studies from Next and John Lewis, which benefited from having a strong online presence and Click and Collect services.

As part of the project, I developed a fully functional e-commerce prototype using PHP and MySQL, featuring:

  • Product browsing by categories.
  • Add/remove items from shopping cart.
  • Payment integration via PayPal.

This project is not deployed as it was built in PHP and hosted locally for demonstration. One feature, the delete button, currently does not function as expected and remains a known bug. However, you can find a link to the GitHub repository and the PDF file as well.

Riff Raff Studios

Riff Raff Studios

A collaborative university project to host and showcase an indie web game developed by the Games Development class. Developed in a team with another web developer, this project highlights teamwork, game integration and UI/UX creativity.

Designed the game and studio logos to establish visual identity and brand cohesion across the site. Added interactive modals that displayed weekly development updates, including screenshots and progress logs.

For the marketing side of the project, we integrated Google Analytics to track engagement and inform marketing strategies based on real user data. Also, implemented Mailchimp for newsletter sign-ups, allowing subscribers to receive weekly updates and release announcements.
Marketing Report.

Technologies:

Frontend: HTML, SaSS, JavaScript.
Hosting: Netlify.
Marketing: Google Analytics, MailChimp, Itch.io
Kei Reports

Kei Reports

A responsive website that fetches and displays upcoming anime titles for Spring and Summer 2023 using the MyAnimeList API. Built to practice API integration, dynamic content rendering, and user interaction.

Features:

  • API integration.
    • API calls for titles, synopsis, airing date, type (TV Series, Movies, OVA), number of episodes (if available), genres and link to direct MyAnimeList page.
  • Interactive anime gallery.
  • Simple CSS animations in the logo section.

Technologies:

Frontend: HTML, CSS, JavaScript.
API: MyAnimeList via Jikan.
Hosting: Netlify.

Do you want to get in touch? Contact me!