Natasha Rodic

Projects

Travel App

An overview image of the ’Things I Bring project

Travel App is a user-centric CRUD application built using Express.js and MongoDB (Mongoose). It incorporates Google OAuth Authentication for streamlined login access. The app aims to simplify the packing process and trip planning.

Github Live website

Its main functionality revolves around enabling users to create trip cards with details such as location, duration of stay, and trip type.

User-generated checklist based on date, length of stay, and style

Once a trip is saved, users can create a checklist of items, conveniently displayed on the right side of the screen.

Tehnologies used

Python JavaScript HTML CSS Git/Github Node.js Express.js MongoDb and Mongoose

Next steps

Implement download option for checklist and weather API

Career Crafter

Career Crafter is a full-stack Django application built using Django, PostgreSQL, and Neon. The app is created to track all applications users apply to, inputting basic details for each application including the link. Users can also update the status of the application once it has been changed.

Github Live website

This app is created with the goal to provide detailed tracking of applications and also incorporate extra features where users can import notes and keep track of progress.

On the details page, users are able to add more features to each application such as:Timeline Tracker, notes, skills and tags.

Tehnologies used

Python Django PostgreSQL Neon Git/Github Javascript HTML/CSS Materialize

Next steps

Integrate ChatGPT API for Cover Letter Generation

ThingsIBring.com

Things I Bring - assists individuals in packing for their travels. With just a few inputs like your destination, date, and style, the app generates a complete list of everything you need for your trip.

Github Live website

It even uses weather data to suggest appropriate clothing and calculates the number of items you'll need based on the length of your stay.

The list is divided into two categories: clothing/items and essential items and features checkboxes so you can keep track of what you've already packed.

Tehnologies used

CSS/HTML, JS, Axios for API calls, Weather API, Coordinates API, Figma wireframing, Figma high-fidelity, UX research

Next steps

I intend to enhance the user experience of this app by incorporating additional filters and options. The app will now take into account various factors such as whether the user is on a business trip, the number of people traveling, whether they are packing for children, any allergies, or specific medical conditions, and more.

Mastermind Game

This game, constructed in JS, CSS, and HTML with a Data-Centric Approach, prioritizes accessibility by integrating colors, patterns, and sounds for users with color vision difficulties.

Github Live website

I've come to realize that every Mastermind game I've encountered online is designed solely with colors, limiting accessibility. My aim in creating this game was to recreate this beloved classic, making it inclusive for all by incorporating patterns and colors. This approach broadens sensory engagement, ensuring everyone can partake in the fun.

Image showcasing app features, including a player's board

Additionally, I've integrated sound effects to enhance the experience

Image showcasing app features, including a dropdown menu, and input field

Also, the same approach was applied to the feedback board, with white and red pegs and shapes utilized as additional feedback.

Technologies used

JavaScript, HTML/CSS, Github/Git

Next steps

Implement tutorials and instructions, integrate score tracking functionality, and add difficulty levels for the app's advancement.

Extraordinary Experiences

Exceptional customer experiences app helps inspire and recognize outstanding customer service. It all began with the realization that hearing stories of exceptional service can motivate us to do even better.

Github Live website

I'm working as Concierge Director at a Boston building, and I've noticed that it's often challenging to ensure consistent service quality across different teams. To foster a sense of community and encourage team members to share their service experiences, draw inspiration from one another, and participate in voting on posts, I've decide to build this app.

Image showcasing app features, including a share button

App enables concierge team members to share and celebrate outstanding examples of exceptional customer service.

Each team member can share a 200 characters long story, with predefined categories, and options to upvote, downvote, or give a "mind-blowing" vote to each post.

Technologies used

Javascript, React, Supabase, Node.js, Cloudflare

Next steps

Implementing registration system and getting an approval for implementation from upper management.

This project was developed as part of one of my CSS courses. For this final project, I utilized advanced CSS techniques such as CSS variables, flexbox, grids, and other CSS functions. These skills allowed me to create a more dynamic and responsive layout, enhancing the overall design and functionality of the project.

Github Live website

Hoomit is the business I was developing before coming to the USA, specializing in offering virtual assistant services, website management, and digital marketing for clients.
Skills: CEO experience, Digital Marketing, VA, Website management.

Hoomit.com

Kliknem is the where I promoted my digital marketing services. I created multiple digital marketing campaigns for various small businesses in Bosnia, including dentists, lawyers, court interpreters, car dealerships, and construction companies.
Skills: Google Analytics, Google ads, Instagram/Facebook ads, SEO, Customer support, Digital Marketing,

Kliknem.com

The Learn Hub is an application that incorporates the technologies of the MERN stack (MongoDB, Express, React, Node). The app is designed with the goal of providing users with a list of courses they can choose from to learn. To access a course, users/students must fill out an application. Based on the requirements set by the course teacher, the student's application will be either approved or denied.

Learn Hub

Articles

Quick Guide: Installing WordPress and Connecting it to the Database

Set up wordpress website with your own domain name and hosting

Enhancing Your JavaScript Skills: My Journey and Top Resources