Hi, I am Asma Naaz

I develop and design the web

I'm a student, a developer specializing in HTML, CSS, JAVASCRIPT, REACT.

Currently, I'm studying at SVU Tirupati.

Project themes that I've worked on:

Project Management site(React App)

The Dojo

This is a Project Management site like Asana. The Dojo helps you manage projects, focus on what is important, and organize work in one place for seamless collaboration. The Dojo organizes and assign tasks. With lists, teams see immediately what they need to do, which tasks are a priority, and when work is due.here.

Technologies used include:

  • React JS
  • Firebase
  • HTML
  • CSS
  • JavaScript
Screenshot

Word Guessing game

SpellSpire

This is a React project, similar to the conventional Wordle Game. This is a guessing game, where the users are prompted to guess the hidden words. The pressed keys are highlighted with different colors, so as to provide the hints to the users, through contrast. The link of the project website is provided here.

Technologies used include:

  • REACT JS
  • CSS
  • JAVASCRIPT
Screenshot

Financial budgeting app

Budget App

This is a Financial budgeting web application, The Budget App that helps you manage budgets, expenses, and organize finances in one place for seamless management. This is made using React Routers. The link to the project is provided here.

Technologies used include:

  • React JS
  • React Routers
  • CSS
  • JavaScript
Screenshot

Gaming Projects

Feed-A-Star-Mole,
Tatakai,
Flip'N Match

I have made 3 projects in this session. My very first gaming project was 'Feed the Star Mole', I used JavaScript to model the website and made it interactive. My second project is 'Tatakai', It's a battle game designed for two players. My last project is a flip and match game. The link of the project website is provided here.

Technologies used include:

  • REACT JS
  • CSS
  • JAVASCRIPT
  • HTML 5
Screenshot

Chakra UI project

My Tasks

This is a simple React Project designed using CHAKRA UI. I've included the various UI components embedded in Chakra UI. This is a Task Management Web application where the user can easily Read, write Reviews, Share, and Add New tasks. The link of the project website is provided here.

Technologies used include:

  • Chakra UI
  • React JS
  • UI
  • JAVASCRIPT
Screenshot

Tailwind CSS project

Ninja Food

This is a React project which uses Tailwind CSS to style and design the components. This is made using ReactJS, Tailwind CSS. This is a static website which displays the dishes on the screen with certain UI components. I made this during my learning journey in Tailwind CSS. The link of the project website is provided here.

Technologies used include:

  • TAILWIND CSS
  • REACT JS
Screenshot

Mobile Apps

My BookShare (GlideApp)

This is a simple Mobile App designed using GLIDE. I've included the backend sign-up part with the help of Google Sheets. This is a Book Share App where the user can easily Read, write Reviews, Share, and Add New books to the Database. TheUser login feature is dedicated to personalise the user-experience. The link of the project website is provided here.

Technologies used include:

  • Glide App
  • Google Sheets
  • UI
  • UX
Screenshot

Music Streaming Projects

Aria

Aria is a music streaming website. This is made using HTML, CSS. This is a static website which is interactive and plays music. The name of the website 'ARIA' means MELODY. The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS Grid
Screenshot

E-commerce Projects

Shopping Website Templates

This project is an E-commerce project.I made this template using some APIs to fetch the details of the project.This template is made using Subtle Animations and Keyframes.The technologies such as CSS Grid is mostly used in this for layout purposes.The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS Keyframes
  • JavaScript
Screenshot

API Based Projects

Dog Viewer

This is a Dog Viewer Website. This project fetches the image of the Dog depending on the breed chosen by the viewer and displays it on the screen dynamically. I've worked on the Logo Spinner to make the site attractive. The link to the calculator project is provided here.

Technologies used include:

  • HTML
  • CSS
  • JAVASCRIPT
  • POP MOTION
Screenshot

Landing Page Projects

Electric Bikes Sales,
Fitness Training

This are the Template-designs for landing pages. I made this template using some APIs to fetch the details of the project.This template is made using Subtle Animations .I've used WIX in one of my projects. The design is quite elegant and simple.The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS Grid
  • JavaScript
  • WIX
Screenshot

React Projects

Monsters Rolodex

This is my first ever REACT project. I've made this project as a part of my understanding and learning journey with React. I've learnt about Class and Functional components of react through this project. The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS
  • JAVASCRIPT
  • REACT
  • JSX
Screenshot

PHP Projects

Online Notice Board

This is my first ever PHP project. I've made this project as a part of my First Internship. I've learnt about the basics of PHP and XAMPP through this project. The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS
  • PHP
  • SQL
Screenshot

E-commerce site

The Florist

This is a E-commerce project site. I've made this project as a part of my understanding and learning journey with CSS, HTML. It's an online flower selling site, called the The FloristThe link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS
  • UI
Screenshot

JavaScript project

Analog Clock

This is a simple Analog clock project. I've made this project as a part of my JavaScript journey.The project displays a web page with the analog clock, which shows the time, accordingly in correspondence to the actual time. The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS
  • JAVASCRIPT
Screenshot

Blog Templates

Zorgblag's Blog

This is a Blog template.This is made in order to taste the flavour of using Template-designsto create the websites.This website is basically a blog site. This is made using simpleHTML and CSS.The link to the blog template is provided here.

Technologies used include:

  • HTML
  • CSS
Screenshot

Math Projects

Calculator

This is a Simple Calculator. This is a simple project made using HTML, CSS and JAVASCRIPT. I've used simple JS functions for the functioning of the calculator. The link to the calculator project is provided here.

Technologies used include:

  • HTML
  • CSS
  • JAVASCRIPT
Screenshot

Form Templates

Form (with location detection)

This is a simple and basic form designed using HTML, CSS. I've included the Location Detection feature inside the form, which makes it stand out. The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS
Screenshot

Photography Projects

Wall of Wonder,
Wonderful Collections

This project depicts the various styles included in design using CSS GRID The project mainly focuses on the level of design that can be achieved using only the basic Technologies such as HTML and CSS and a few basic animations without the usage of any libraries or frameworks.The link of the project website is provided here.

Technologies used include:

  • HTML
  • CSS Grid
Screenshot of the Wall of Wonderful Collections.

Let's build something Awesome together



I'm always interested to hear about new opportunities to develop and design the web.

Email me