Muiasar-Al-Ani
Full Stack Web Developer. Graduate of the UNC Chapel Hill Coding Boot Camp. Love JavaScript Debugging, and Building Dynamic interactive websites.
Raleigh, NC
Pinned Repositories
all-contributors
✨ Recognize all contributors, not just the ones who push code ✨
awesome-github-profile-readme
😎 A curated list of awesome GitHub Profile READMEs 📝
Back-End-E-Commerse-RESTful-API
This is a Back-End base for an E-Commerce website, based on RESTful API that was created using the Sequelize promise-based Node.js ORM for MySql. Users can Create, Read, Update and Delete data from the database. There are four models built in the app Categories, Products, Tags, and ProductTags that have relationships such as one-to-many relationships and many-to-many relationships.
Back-End-Employee-Tracker
backend-readme-generator
This is a backend application for generating a high quality README.md files and user will be prompt with questions about the info needed to be shown in the read me file and all the links and video needed.
CodeSocial
Code Social is a full stack social network application for coders who are new to the industry and looking for work and information about companies and the interview process. The site will allow users to post information in various categories (Company Info, Interview Advice, Practice Code for Interviews), comment on other users posts, update posts, delete posts, and upvote posts.
MERN-Book-Search-Engine
This is a MERN stack book search engine and as the name suggests it uses MongoDB, Express.js, React.js, and Node.js it also uses the graphQL instead of the more traditional RESTful API to query from the MongoDB. GraphQL is a lot simpler to set up than the RESTful APIs due to the lack of need for setup a route for each query and in RESTful API you need to setup a GET, POST, PUT, DELETE, and PATCH GraphQL gets a way with only post queries but of course each has its advantages and disadvantages. All of the information saved to a MongoDB atlas database and the Authorization of this webapp handled with JWT json web tokens.
my_personal_portfolio
This is my personal professional portfolio which I created using React.js, JavaScript, Bootstrap, CSS, GSAP 3 for animation and Formspree as my email client, to show case my projects my contact information and some about me information.
react-redux-e-commerce
This a MERN Stack E-commerce web application that uses Redux to manage it's State. It was created with React.js as it's views and front end for the back end we have Node.js and Express.js for it's API calls it uses GraphQL and MongoDB hosted at Mongo Atlas and Mongoose for it's database and database queries respectively. It also have the stripe.js as in test mode for handling payments, and it uses JWB for handling authentications, and indexedDB for storing the new items added to cart on the client side.
Tech-Blog
This is a full stack web application CMS-style sit similar to a Wordpress site. This app follows the MVC paradigm in its architectural structure, with the use of Handlebars.js as the templating engine with Sequelize for ORM and express-session package for authentication and the use of cookies to stay logged in.
Muiasar-Al-Ani's Repositories
Muiasar-Al-Ani/backend-readme-generator
This is a backend application for generating a high quality README.md files and user will be prompt with questions about the info needed to be shown in the read me file and all the links and video needed.
Muiasar-Al-Ani/all-contributors
✨ Recognize all contributors, not just the ones who push code ✨
Muiasar-Al-Ani/awesome-github-profile-readme
😎 A curated list of awesome GitHub Profile READMEs 📝
Muiasar-Al-Ani/Back-End-E-Commerse-RESTful-API
This is a Back-End base for an E-Commerce website, based on RESTful API that was created using the Sequelize promise-based Node.js ORM for MySql. Users can Create, Read, Update and Delete data from the database. There are four models built in the app Categories, Products, Tags, and ProductTags that have relationships such as one-to-many relationships and many-to-many relationships.
Muiasar-Al-Ani/Back-End-Employee-Tracker
Muiasar-Al-Ani/BackEnd-Team-Profile-Generator
This is a BackEnd Application that runs in Node.js. It uses the inquirer npm package to get the user input to dynamically create a team profile based on that input. Users can choose between a Manager, an Engineer, and an Intern role to pick from and the number of cards created would be based on the user input. Each employee would have its unique sets of inputs but they will share some common information. After the user made his choices an HTML file will be created and saved using the file system "fs" Node module.
Muiasar-Al-Ani/ChaseNicks
Muiasar-Al-Ani/CodeSocial
Code Social is a full stack social network application for coders who are new to the industry and looking for work and information about companies and the interview process. The site will allow users to post information in various categories (Company Info, Interview Advice, Practice Code for Interviews), comment on other users posts, update posts, delete posts, and upvote posts.
Muiasar-Al-Ani/conflict-resolusion
Muiasar-Al-Ani/github-markdown-toc
Easy TOC creation for GitHub README.md
Muiasar-Al-Ani/html-and-CSS-website
Muiasar-Al-Ani/javaScript-code-quiz
Muiasar-Al-Ani/javascript-password-generator
Muiasar-Al-Ani/JQuery-Work-Day-Scheduler
Muiasar-Al-Ani/MERN-Book-Search-Engine
This is a MERN stack book search engine and as the name suggests it uses MongoDB, Express.js, React.js, and Node.js it also uses the graphQL instead of the more traditional RESTful API to query from the MongoDB. GraphQL is a lot simpler to set up than the RESTful APIs due to the lack of need for setup a route for each query and in RESTful API you need to setup a GET, POST, PUT, DELETE, and PATCH GraphQL gets a way with only post queries but of course each has its advantages and disadvantages. All of the information saved to a MongoDB atlas database and the Authorization of this webapp handled with JWT json web tokens.
Muiasar-Al-Ani/mongo-db-fitness-tracker
This a full stack web app that uses MongoDb as it's database and was created using mongoose npm package. This app follow the javaScript MVC paradigm design and uses node, express and the mongoDB Atlas for the db hosting.
Muiasar-Al-Ani/MOVIE-DB-REST-API
This is a basic Back-End MovieDb that was created using MySQL and Node.js to store movies names given them ids and reviews and users can create requests to all movies in the database, get reviews and update them.
Muiasar-Al-Ani/my-new-website
Muiasar-Al-Ani/My-Personal-Portfolio
This is my personal portfolio which I created using Bootstrap as my CSS framework and javascript. I also used GSAP 3 for animation and used the Formspree.io as my email client.
Muiasar-Al-Ani/my_personal_portfolio
This is my personal professional portfolio which I created using React.js, JavaScript, Bootstrap, CSS, GSAP 3 for animation and Formspree as my email client, to show case my projects my contact information and some about me information.
Muiasar-Al-Ani/Note-Taker-Express.js
This a Note Taker App that runs on node and uses express.js to route all the get, post and delete methods. This app has a Front-End portion that was made using HTML, bootstrap and javascript, that will take notes and displays them.
Muiasar-Al-Ani/personal-portfolio
This my personal portfolio that I created using only HTML and CSS. I added in the CSS file some Media Queries to have a better support for mobile in portrait and landscape modes. Also, I included support for devices with smaller screens.
Muiasar-Al-Ani/ReadMe_Generator
Muiasar-Al-Ani/SQL-Practice
Muiasar-Al-Ani/Tech-Blog
This is a full stack web application CMS-style sit similar to a Wordpress site. This app follows the MVC paradigm in its architectural structure, with the use of Handlebars.js as the templating engine with Sequelize for ORM and express-session package for authentication and the use of cookies to stay logged in.
Muiasar-Al-Ani/Trailr
A Front-End web application and Collaboration Project for searching for movies. Users can search a movie by title, select which movie they're interested in, and view information about the movie such as its IMDB critic rating, trailer, runtime if the movie is on Netflix to stream, and other related material. Used APIs are Open Movie Database, Google Youtube Data API v3 Streaming-Availability API, and The Movie Database API. Uses MaterializeCSS framework for Styling and Design, and uses Moment.js for Date sorting.
Muiasar-Al-Ani/travel-planner
Muiasar-Al-Ani/validator.js
String validation
Muiasar-Al-Ani/weather-app-javaScript
This is my take on a Weather App JavaScript that I created using HTML, CSS, BootStrap and javaScript. I added a screen shot of the running App also added a video that shows the functionality of the Weather App.
Muiasar-Al-Ani/react-redux-e-commerce
This a MERN Stack E-commerce web application that uses Redux to manage it's State. It was created with React.js as it's views and front end for the back end we have Node.js and Express.js for it's API calls it uses GraphQL and MongoDB hosted at Mongo Atlas and Mongoose for it's database and database queries respectively. It also have the stripe.js as in test mode for handling payments, and it uses JWB for handling authentications, and indexedDB for storing the new items added to cart on the client side.