Personal and Academic Projects
01
/09
Quote Generator
Quote Generator is a simple responsive web app created using JavaScript, HTML5 & CSS3, and Web API.
Features:
- Generate Quote
- Tweet Quote
- Copy Quote to Clipboard
Quote Generator on iPhone 5SE
The Quote Generator is tested on iPhone 5SE screen to check whether it’s working on mobile devices or not.
Quote Generator on a bigger screen
The Quote Generator is also tested on different screen sizes to check whether it’s perfectly working or not.
02
/09
Personal Portfolio
Clean and simple personal portfolio responsive web design.
Technologies used to build:
- Bootstrap
- HTML & CSS
- JavaScript
03
/09
Infinite Scroll
It’s a small project build using HTML, CSS, and JavaScript with Unsplash API. Random and infinite images will be shown to the user if the user keeps scrolling the page.
Technologies used to build:
- HTML
- CSS
- JavaScript
Finished loading images
The final screen, which users will see after finished loading images.
04
/09
WordPress Themes and Plugins Detector
It’s a single-page application build using React.js. The primary purpose of this web application is to detect currently installed plugins and themes in a WordPress site.
All you need is to put your WordPress website address and press enter or click on the search button. Within a few seconds, it will show you currently installed plugins and themes.
Technologies used to build:
- React.js
- Tailwind CSS
- CSS
- JavaScript
- fetch API
Landing / Initial page
The initial view of the application. The page will look like this after entering into the application.
Finished detecting / Result page
Final result page after detecting themes and plugins for the entered site address.
05
/09
Restaurant Web App
It’s a simple & completely responsive restaurant web application developed using React.js.
There are four pages in total Home, About us, Menu, and Contact us. Users can see dishes, rate & comment on dishes and can send feedback from Contact Us page.
Technologies used to build:
- React.js
- Redux
- Reactstrap
- Bootstrap
- React-redux-form
- CSS
- JavaScript
- REST API
- cross-fetch API
Contact Us Page
Contact Us page, from where a user can see the address and contact details of the restaurant.
06
/09
Bug Tracker
Got bugs in your code? Need to track and solve and want to keep that information in an organized place?
Here’s come to help the bug tracking application that developed using React.js. The app helps to keep track of bugs and store solutions/solving steps.
Technologies used to build:
- React.js
- Redux
- Reactstrap
- Bootstrap
- CSS
- MongoDB
- Node.js
Bugs List
This page contains bugs list. Resolve button is available for the bug which is not solved and disabled for the solved bug.
Solving Steps of a Bug
Clicking on the solved bug will get expand and view solution / solving steps.
07
/09
Personal Portfolio (React.js)
It’s a simple and responsive static website developed using React.js. The application contains professional information and previous projects.
Technologies used to build:
- React.js
- Tailwind CSS
- CSS
- JSON
Full page screenshot
The page contains about/professional information, skills and technologies, projects/previous work, clients testimonials, and contact section.
Personal projects section
Personal projects section to showcase previously developed personal or academic projects. Project details will show by hover on each card.
08
/09
eCommerce Website
A single-page responsive eCommerce web page developed using HTML5, Vanilla CSS, and Bootstrap.
Technologies used to build:
- HTML5
- Vanilla CSS
- Bootstrap
