Ali Hassan

A Software as a Service application comprises two primary projects: a frontend component developed in Next.js and a backend component developed in Express.js. This sophisticated system seamlessly integrates with the Stripe Subscription Model and includes a Real-Time User-Specific Notifications System utilizing WebSockets (Socket.IO). Moreover, it incorporates Dynamic PDF Generation, Email Automation, and a range of other advanced functionalities, along with a custom authentication feature for enhanced security.

The core functionality of this project revolves around the dynamic creation of databases for data storage and the management of user access within those databases. It encompasses distinct modules catering to User, Database Administrator, and Website Super Administrator roles. Additionally, supplementary features including a to-do list and note-taking capabilities have been incorporated into the project.

Web Sockets are not working on the link given below because the RestAPI server is hosted on free Cyclic hosting plan.

Full documentation will be uploaded upon the project's completion.

P.S. Please note that I do not have intentions to launch this project as a service. It is solely a personal endeavor aimed at refining my programming skills and deepening my understanding of the technologies utilized.

- Next.js

- Express.js

- MongoDB

- Bootstrap

- Socket.io

- Stripe

- Cloudinary

- Postman

- VS Code

- Vercel

- Cyclic

- GitHub

- Custom Authentication

- Authorization

- Roles

- Dynamic Database Creation

- Live User Specific Notifications

- Strip Subscription Model

- To-Do List Functionality

- User Module

- Super Admin Module

- Email Automation

- Dynamic PDF Generation

- Stripe

- Cloudinary

The Basic E-Commerce Website is a simple yet functional web application built using ExpressJS, MongoDB, EJS, Stripe, and sessions. It offers essential e-commerce functionalities including a shopping cart, Stripe checkout integration for payment processing, session management, and basic CRUD (Create, Read, Update, Delete) operations for products.

The Pig Game is a simple dice game built using HTML, CSS, and JavaScript. The game features two players who take turns rolling a dice. The goal of the game is to reach a predefined score before the opponent. The game includes features such as a rolling dice animation, player scores, and a winner declaration.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Guess My Number is a simple number guessing game built using HTML, CSS, and JavaScript. The game generates a random number between 1 and 20, and the player has to guess the number. The game provides feedback on whether the guess is too high or too low. The player has a limited number of attempts to guess the correct number. The game also includes a high score feature that tracks the player's best score.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Mapty is a workout logging application built using HTML, CSS, and JavaScript. The application allows users to log workouts by placing markers on an interactive map. Users can select the type of workout, duration, distance, and other details. The application also includes a sidebar that displays a log of all workouts. The application uses the Geolocation API to track the user's location and display it on the map. The application also uses local storage to store workout data between sessions.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Bankist is a simple banking application built using HTML, CSS, and JavaScript. The application features a login system where users can log in with their username and password. Once logged in, users can view their account balance, transfer money to other accounts, request a loan, and close their account. The application also includes a timer that logs users out after a certain period of inactivity. The application uses dummy data to simulate banking transactions.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Where Am I? is a simple location-based application built using HTML, CSS, and JavaScript. The application uses the Geolocation API to retrieve the user's current location and display some information about the country they are in and their neighbouring country.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Forkify is a recipe search application built using HTML, CSS, and JavaScript. The application allows users to search for recipes using keywords. The application fetches recipe data from a third-party API and displays the results to the user. Users can view detailed information about each recipe, such as ingredients and cooking instructions. The application also allows users to bookmark their favourite recipes for future reference. Users can also create their own recipies which will be stored locally.

The link below is not screen responsive as it was a simple project to understand the basics of JavaScript.

Proficient in front-end frameworks such as React, Next.js, and Tailwind CSS to create interactive and responsive user interfaces. Familiar with Material-UI and Bootstrap for design components and styling.

Experienced in backend development using Node.js and Express.js to build RESTful APIs, handle server-side logic, and manage databases. Skilled in MongoDB for NoSQL database management and Mongoose for data modeling. Familiar with authentication and authorization using JWT tokens and bcrypt. Knowledgeable in integrating third-party APIs for additional functionality. Proficient in deploying applications on platforms like Heroku and Vercel. Familiar with server-side rendering and static site generation using Next.js. Experienced in working with Git and GitHub for version control and collaboration. Knowledgeable in debugging and error handling to ensure smooth application functionality. Proficient in time management and project documentation to meet deadlines and maintain project efficiency.

Skilled in creating responsive layouts using CSS Grid, Flexbox, and media queries. Ensures websites adapt seamlessly to various screen sizes and devices.

Proficient in UI/UX design principles to create visually appealing and user-friendly interfaces. Skilled in wireframing, prototyping, and creating design systems. Knowledgeable in design thinking, typography, color theory.

Excellent time management skills to meet project deadlines, prioritize tasks effectively, and handle multiple projects simultaneously.