Welcome to my GitHub portfolio!
My name is Abdullah Jubayer, and I am a Front-end Developer with experience in HTML, CSS, Javascript, Vue, Nuxt, Git, GithUb. In this portfolio, you will find a collection of my projects, both personal and professional, showcasing my skills and expertise.
- AJ SHOP
- HALLOWEEN APP
- FREE COMARCE
- FRESH FOOD
- MOVIE APP
- THREE TODO
AJ SHOP - A HTML/CSS/JavaScript e-commerce website is a website that allows users to buy and sell products online. The website can be designed and developed using HTML, CSS, and JavaScript, which are the building blocks of web development. The following are some key features that can be included in such a website:
- Product Catalog: The website can have a product catalog where users can browse through different products, view their details, and add them to their cart.
- Responsive Design: The website should have a responsive design that adapts to different screen sizes, including mobile devices.
Link to Project: GitHub Repo
Link to Project: Project Website
HALLOWEEN APP - Halloween Fun is a web app that lets users enjoy a variety of Halloween-themed activities and games. From creepy animations to eerie sound effects, this app is designed to give users a spine-tingling experience. Whether you're looking for a way to get into the Halloween spirit or just want to have some fun, this app has something for everyone.
-
Interactive home page: The home page of the app will feature a spooky background with interactive elements such as bats and ghosts that fly around the screen when the user hovers over them.
-
The app will feature a variety of animations such as bats flying across the screen, pumpkins that glow in the dark, and ghosts that appear and disappear. These animations will be created using GSAP to make them smooth and engaging.
Link to Project: GitHub Repo
Link to Project: Project Website
FREE COMARCE - A Vuetify/Vue.js/ Vuex e-commerce website is a website that allows users to buy and sell products online. The website can be designed and developed using these technologies, which are popular front-end frameworks used to build modern and scalable web applications. The following are some key features that can be included in such a website:
-
Product Catalog: The website can have a product catalog where users can browse through different products, view their details, and add them to their cart.
-
Shopping Cart: The website can have a shopping cart where users can add and remove products, view the total price, and proceed to checkout.
-
Payment Gateway: The website can have a payment gateway integration to allow users to pay securely online.
-
Search Functionality: The website can have a search functionality to allow users to search for products based on keywords or categories.
-
Responsive Design: The website should have a responsive design that adapts to different screen sizes, including mobile devices.
-
Order Confirmation: The website can send an order confirmation email to users after they have completed a purchase.
Link to Project: GitHub Repo
Link to Project: Project Website
FRESH FOOD - A Fresh Food e-commerce website is an online platform where customers can buy fresh and healthy food items, such as fruits, vegetables, meat, and dairy products, among others. The website will provide customers with a seamless shopping experience and enable them to purchase their favorite food items from the comfort of their homes.
-
Home Page: The home page should be designed in such a way that it captures the customer's attention and encourages them to explore the website. It should have a simple and clean design, with clear navigation links to different sections of the website.
-
Products Page: This page should display all the products available for purchase. Each product should have an image, a brief description, and a price. Customers should be able to filter products by category, price range, and other attributes.
-
Cart Page: Customers should be able to add products to their shopping cart from the products page. The cart page should display all the products that the customer has added to their cart, along with the total cost of the products. Customers should be able to edit or delete products from their cart.
Link to Project: GitHub Repo
Link to Project: Project Website
MOVIE APP - A Nuxt.js Movie App with an API is a web application that allows users to browse and search for movies. The application is built using Nuxt.js, which is a framework for building Vue.js applications. The app also utilizes an API to retrieve movie information and display it to the user.
-
Home Page: The home page should display a list of popular movies, as well as a search bar where users can search for movies by title or genre. The popular movies should be retrieved from the API and displayed in a visually appealing way using Nuxt.js components.
-
Movie Details Page: When a user clicks on a movie from the home page or search results, they should be taken to a movie details page. This page should display all the relevant information about the movie, including the title, synopsis, cast, and crew. The movie details should be retrieved from the API and displayed using Nuxt.js components.
-
Responsive Design: The application should have a responsive design that is optimized for different screen sizes, including mobile devices. It should also be accessible and adhere to accessibility guidelines.
-
Search Functionality: The application should allow users to search for movies by title or genre. The search functionality should make use of the API to retrieve relevant search results and display them to the user.
Link to Project: GitHub Repo
Link to Project: Project Website
THREE TODO - A three different types of Todo App where photos can be stored is an application that allows users to create and manage to-do lists with photo attachments. The app will have three different types of to-do lists, each with a different set of features and functionality. The app will be built using HTML, CSS, Nuxt.js, VueX, and two different types of APIs.
-
Basic Todo List: The basic todo list will allow users to create, edit, and delete tasks. Users can also add photo attachments to their tasks. The tasks and photo attachments will be stored in a database through an API. The API will allow the app to retrieve and display the tasks and photo attachments on the front-end using Nuxt.js.
-
Collaborative Todo List: The collaborative todo list will allow users to create a to-do list and share it with other users. Users can add, edit, and delete tasks, as well as add photo attachments to tasks. The tasks and photo attachments will be stored in a database through an API. The API will allow the app to retrieve and display the tasks and photo attachments on the front-end using Nuxt.js. Users will be able to invite other users to collaborate on the to-do list.
-
Personalized Todo List: The personalized todo list will allow users to create a to-do list with custom categories. Users can add tasks and photo attachments to categories, and customize the categories. The tasks and photo attachments will be stored in a database through an API. The API will allow the app to retrieve and display the tasks and photo attachments on the front-end using Nuxt.js.