projects/driveasy

Driveasy is a project that is built with  HTML, CSS, Tailwind, JavaScript, Webpack, React, Redux toolkit, Postgresql, Ruby, Ruby on Rails using tools: Git, GitHub, Stylelint, ESLint, RuboCop, Chrome dev, RESTful API

An app for adding and managing your cars, booking vehicles, and accessing detailed car information with ease.

Snapshots

driveasy-1.png
driveasy-2.png
driveasy-3.png
driveasy-4.png

Techstack

HTML

HTML

CSS

CSS

Tailwind

Tailwind

JavaScript

JavaScript

Webpack

Webpack

React

React

Redux toolkit

Redux toolkit

Postgresql

Postgresql

Ruby

Ruby

Ruby on Rails

Ruby on Rails

Tools

Git

GitHub

Stylelint

ESLint

RuboCop

Chrome dev

RESTful API

Links

projects/budgetly

Budgetly is a project that is built with  Tailwind, Webpack, Postgresql, Ruby, RSpec, Ruby on Rails using tools: GitHub, RuboCop, Chrome dev

A mobile web application built on ruby on Rails where you can manage your budget: you have a list of transactions associated with a category to see how much money you spent and on what.

Snapshots

budgetly-2.png
budgetly-1.png

Techstack

Tailwind

Tailwind

Webpack

Webpack

Postgresql

Postgresql

Ruby

Ruby

RSpec

RSpec

Ruby on Rails

Ruby on Rails

Tools

GitHub

RuboCop

Chrome dev

Links

projects/recipe-app

Recipe App is a project that is built with  Tailwind, Webpack, Postgresql, Ruby, RSpec, Ruby on Rails using tools: GitHub, RuboCop, Chrome dev

An application that enables users to create recipes and choose whether to share them publicly or keep them private. Users can generate shopping lists, add food items, and incorporate these ingredients seamlessly into their recipes.

Snapshots

recipe-1.png
recipe-2.png
recipe-3.png
recipe-4.png

Techstack

Tailwind

Tailwind

Webpack

Webpack

Postgresql

Postgresql

Ruby

Ruby

RSpec

RSpec

Ruby on Rails

Ruby on Rails

Tools

GitHub

RuboCop

Chrome dev

Links

projects/air-pollution

Air pollution is a project that is built with  HTML, CSS, JavaScript, Webpack, React, Redux toolkit, Jest using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

This website shows data about how clean or polluted the air is in different cities. It gets information from several sources and lets you see and sort the data in different ways.The website aims to help people understand air quality and make informed choices to support cleaner air efforts.

Snapshots

air-pollution-1.PNG
air-pollution-2.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Webpack

Webpack

React

React

Redux toolkit

Redux toolkit

Jest

Jest

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/my-catalog

My catalog is a project that is built with  Ruby, RSpec using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

My Catalog is a console app that will help you to keep a record of different types of things you own: books, music albums, and games. All data is stored and retrieve using json files

Snapshots

catalog-1.PNG
catalog-2.PNG
catalog-3.PNG
catalog-4.PNG

Techstack

Ruby

Ruby

RSpec

RSpec

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/shopping-cart

Shopping Cart is a project that is built with  HTML, CSS, JavaScript, Webpack, React, Redux toolkit using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

"Cart" is a website that contains a few items fetched from an API. You can remove an item, change its quantity and also empty the cart.

Snapshots

cart-1.PNG
cart-2.PNG
cart-3.PNG
cart-4.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Webpack

Webpack

React

React

Redux toolkit

Redux toolkit

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/movie-maze

Movie maze is a project that is built with  HTML, CSS, JavaScript, Bootstrap, Webpack, React, Jest using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

In theMoviesMaze, users can like Movies, TV Shows, and they can check out the details of every Movie or Show by clicking on the Comment Button. It also allows you to like the Movies. All data is preserved thanks to the external TVMaze API and Involvement APIs. Fetching Movies, Details of the Movies, Adding and Getting Likes, all done by APIs.

Snapshots

movie-maze-1.PNG
movie-maze-2.PNG
movie-maze-3.PNG
movie-maze-4.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Bootstrap

Bootstrap

Webpack

Webpack

React

React

Jest

Jest

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/space-traveler-hub-

Space Traveler Hub  is a project that is built with  HTML, CSS, JavaScript, Bootstrap, Webpack, React, Redux toolkit using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

Space Travelers' Hub is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions. Data is being fetched by API.

Snapshots

space-1.PNG
space-2.PNG
space-3.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Bootstrap

Bootstrap

Webpack

Webpack

React

React

Redux toolkit

Redux toolkit

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/to-do-app-react

To-do app React is a project that is built with  HTML, CSS, JavaScript, Webpack, React using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

TO-DO Application lets us add to-dos, edit, and delete items. Log in to see the delete feature. It also persists to-dos in the browser's local storage for a subsequent visit.

Snapshots

todo-1.PNG
todo-2.PNG
todo-3.PNG
todo-4.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Webpack

Webpack

React

React

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

projects/math-magician

Math magician is a project that is built with  HTML, CSS, JavaScript, Bootstrap, Webpack, React using tools: GitHub, Stylelint, ESLint, Chrome dev, RESTful API

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote fetched from an external API.

Snapshots

math-magician-1.PNG
math-magician-2.PNG
math-magician-3.PNG

Techstack

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Bootstrap

Bootstrap

Webpack

Webpack

React

React

Tools

GitHub

Stylelint

ESLint

Chrome dev

RESTful API

Links

contact/my-contact-details

If you're as passionate about innovative software development as I am, then contact me, and let's embark on an exciting adventure through lines of code.

I'm constantly on the lookout for new and exciting projects and opportunities. If you believe you have something interesting to offer, please don't hesitate to contact me via my email address at  batoolfatima2135@gmail.com and you can also use the provided form to send me a message directly.

People also ask

  • I've always been intrigued by the idea of building things from scratch and seeing them come to life on the web. As a Full Stack Developer, I have the chance to work on both the user interface and the server-side logic, which allows me to create complete, end-to-end solutions. This role also offers continuous learning opportunities, which I find incredibly rewarding.

  • I'm a firm believer in continuous learning. To stay current with industry trends, keep an eye on them, participate in online communities like GitHub and Stack Overflow. Additionally, I enjoy experimenting with personal projects that allow me to explore new technologies hands-on. I find that this combination of learning resources keeps me informed and motivated.

  • My ideal work environment is one that promotes collaboration, values diverse perspectives, and encourages open communication. I thrive in a setting where learning and growth opportunities are available, and work-life balance is respected. I enjoy working with motivated team members to create innovative solutions.

  • The most vital qualities for a Full Stack Developer include versatility in front-end and back-end technologies, problem-solving skills, continuous learning, effective communication, adaptability to new tools, attention to detail, time management, and creativity in solution design.

  • What sets me apart is my self-growth, my fast learning pace, urge to never give up, a passion for innovation, a commitment to detail, extensive experience of working in remote environment, amazing communication and collabrotative skills. I believe these qualities contribute to my ability to deliver exceptional results.

  • Beyond my professional life, I really love cooking and eating ofcourse! 😄 Trying out new recipes and making yummy food is a big hobby of mine. I also enjoy going on food adventures and trying different types of food. Having dinner with my friends is something I really enjoy because it brings us all together and makes great memories. These hobbies make my life more fun and help me appreciate good food and good times with friends.