The purpose of this repository is practicing JavaScript Object Oriented Programming.

Overview

Portfolio

I'm going to build this portfolio in order to show the future projects that I'm going to build and my skills to the employers.

Built With

  • HTML
  • CSS
  • JavaScript

Live Demo (if available)

Live Site Demo

Getting Started

To get a local copy up and running follow these simple example steps.

Setup

$git clone https://github.com/MahdiSohaily/Awesome-books.git
cd Portfolio

Open index.html file

Authors

👤 Mahdi Rezaei

nurudeen

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Comments
  • Morning session code review

    Morning session code review

    Morning session code review Description

    Your project is working perfectly, your JavaScript is clean, clear, and concise. Congratulations both! we think you can improve:

    • [ ] Be sure that the user is not sending empty data, we think you can achieve this by using a required attribute to your text inputs.

    Cheers and happy coding! 🙌

    opened by OscarFMdev 2
  • Awesome-Books App with ES6 JavaScript

    Awesome-Books App with ES6 JavaScript

    • Congrats @MahdiSohaily, your project looks great, you have styled the elements well
    • I can see that you implement ES6 modules well and the modules are accessible.

    Happy Coding

    opened by Kelvin-Ben 1
  • Create Modules

    Create Modules

    Awesome Books: Create the project using Modules In this branch, I have made the following changes:

    • Added Book Module to create an instance of that class.
    • Added Luxion Library to display the Date & time on the project.
    • Added Every page component to display them as a SPA application.
    • Added toast message on form submission.
    opened by MahdiSohaily 0
  • Create Single Page Application

    Create Single Page Application

    Awesome Books Project: Create Single Page Application

    In this branch, we have made the following changes: ☺️

    • Added Form component class.
    • Added List component class.
    • Added Contact component class.
    • Added Book class blueprint.
    • Added Book Controller class.
    • Added Style of the main page.
    opened by MahdiSohaily 0
  • Create Project using class

    Create Project using class

    ### Awesome Books Project: use classes to build the project In this branch, we have made the following changes:

    • Added Books.js file and used it as a blueprint to create books class.
    • Added BookController.js file to control the data which are going to be displayed for the client.
    • Updated the Design of the project based on the wireframe.
    opened by MahdiSohaily 0
  • Create script

    Create script

    ### Awesome Books: Add & Remove books to local storage in this branch, we have made the following changes:

    • Added project starter files.
    • Added Script to add items to local storage.
    • Added script to remove items from local storage.
    opened by MahdiSohaily 0
Owner
Mahdi Rezaei
I'm a technical developer passionate about creating clean and simple interfaces. I enjoy coding and building applications that make life easy.
Mahdi Rezaei
A complete guide for learning Object Oriented Programming Pillars, SOLID Principles and Design Patterns with TypeScript!

Object Oriented Programming Expert With TypeScript This repository is a complete guide and tutorial for the principles and techniques of object-orient

Ahmad Jafari 44 Dec 29, 2022
Cookbook Method is the process of learning a programming language by building up a repository of small programs that implement specific programming concepts.

CookBook - Hacktoberfest Find the book you want to read next! PRESENTED BY What is CookBook? A cookbook in the programming context is collection of ti

GDSC-NITH 16 Nov 17, 2022
The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems

landing-page-pp landing-page-pp.vercel.app #The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to

Hilman Firdaus 6 Oct 21, 2022
Microverse project for practicing javascript coding skills

To Do list Microverse project for practicing javascript coding skills.. Additional description about the project and its features Built With HTML CSS

Bereket Adego Retta 2 Jan 30, 2022
This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS.

Login-Page This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS. Table of content: v1 v2 Objective and Re

Ayush Mishra 1 Jan 28, 2022
A tutorial for people that want to learn continuous delivery concepts by practicing.

Continuous delivery playground This tutorial walks you through setting up a continuous delivery pipeline from scratch. This guide is for people that w

Pablo Porto 7 Nov 24, 2022
this project's main aim is to restructure Awesome books app code to make it more organized by using modules and also practicing the ES6 syntax.

Awesome Books ES6 this project's main aim is to restructure Awesome books app code to make it more organized by using modules. also practicing the ES6

PRATAP PANABAKA 7 Sep 6, 2022
Types generator will help user to create TS types from JSON. Just paste your single object JSON the Types generator will auto-generate the interfaces for you. You can give a name for the root object

Types generator Types generator is a utility tool that will help User to create TS Interfaces from JSON. All you have to do is paste your single objec

Vineeth.TR 16 Dec 6, 2022
When a person that doesn't know how to create a programming language tries to create a programming language

Kochanowski Online Spróbuj Kochanowskiego bez konfiguracji projektu! https://mmusielik.xyz/projects/kochanowski Instalacja Stwórz nowy projekt przez n

Maciej Musielik 18 Dec 4, 2022
Serialization library for data-oriented design structures in JavaScript

Data-oriented Serialization for SoA/AoA A zero-dependency serialization library for data-oriented design structures like SoA (Structure of Arrays) and

null 11 Sep 27, 2022
Component oriented framework with Virtual dom (fast, stable, with tooling)

Bobril Main site bobril.com Changelog of npm version: https://github.com/Bobris/Bobril/blob/master/CHANGELOG.md Component oriented framework inspired

Boris Letocha 359 Dec 4, 2022
CloudSecWiki is a cloud security oriented knowledge base maintained by HuoCorp.

CloudSecWiki CloudSecWiki is a cloud security oriented knowledge base maintained by HuoCorp. CloudSecWiki web address:cloudsec.huoxian.cn Local Deploy

HuoCorp 26 Dec 4, 2022
Framework for HTML5 Canvas oriented 2D video games

Canvas Engine http://canvasengine.net Description Framework to create video games in HTML5 Canvas Get Started Follow the steps below to start: Downloa

Samuel Ronce 378 Dec 2, 2022
Bootstrap 4 stylesheet that implements vertically-oriented navigation tabs.

Responsive Vertical Navigation Tabs for Boostrap 4 New! ?? If you use Bootstrap 5, a new package is available for that: bootstrap-5-vertical-tabs A st

Tromgy 9 Aug 4, 2022
🦆 The repository for dealing with all the ducks created and managed by the Fairfield Programming Association.

Download Since the Fairfield Programming Association's duck generator is built on top of node.js and npm, you need to have both of those installed as

Fairfield Programming Association 15 Feb 4, 2022
The repository shows the compiler (simulator) of the Little Man Computer, which also contains some programs in the LMC programming language for implementing different functions.

Little Man Computer The repository shows the compiler (simulator) of the Little Man Computer, which also contains some programs in the LMC programming

Cow Cheng 2 Nov 17, 2022
Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project

Leader Board - JavaScript Project Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learne

Mahdi Rezaei 7 Oct 21, 2022
The AKE-less General Purpose Build System with JavaScript DSL for Node.js platform.

The AKE-less General Purpose Build System with JavaScript DSL for Node.js platform. Inspired by NUKE. This project is reaching a mature stage, althoug

Aleksej Komarov 33 Oct 16, 2022