Awesome Books is a bookstore app designed mobile first which serves to list available books and add new ones through a form. It's purpose is to demonstrate a one-page webside implemented using Javascript ES6 and modular capabilities to load different pages in one web page with the rest of the page remained unchanged.
Technology
Tools
- Display the available books from localStorage
- Add new books through a form
- One page app (loads modules to load different sections)
- Mobile first design
- An implementation of this portfolio is live on Github Pages
In order to reproduce the Awesome Books ES6 and be able to make changes for your own purpose you need the following tools:
- Visual Studio Code
- git-scm
- A Github account
- Make a new directory and go inside the directory using cd command in terminal
- Use "git" to clone this repository into your local drive:
$ git clone https://github.com/dev89s/awesome-books-es6.git
- To be able to any features to the project's current state use this command:
$ git checkout modular-design
- Feel free to change the code and make any adjustment to the design and once you are satisfied with your work you can make a new directory and copy your files there.
You can deploy this project by opening a new github repo and initialize the local git repo and connect it through: $ git remote add origin main [your github repo link]
command.
Then you can make a pull requrest and
Then if you go to the repository in your account, you'll see the pull requrest prompt appear at the top and the you can make a pull request and observe the Github Actions checking Linters.
๐ค Sasan Moshirabadi
- Updated design with more styleing: the desgin will improve.
- Desktop version: desktop support will be added.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project consider giving a star to the project and if you want to go furthur make a donation to any one the top 8 charities in Hawaii islands at the link below:
I would like to thank Microverse online web development school for providing the material and guidlines that helped me created this app.
-
Is mobile first web design a necessity these days?
- Since 2014 mobile web users have surpassed desktop users and the rate of the new users being introduced to web by mobile devices will only increase by time.
-
Does the project support all platforms?
- Yes! Since it is based on web technology, any device that has a web browser will be able to see the website once it is online.
This project is MIT licensed.